@colijnit/transaction 12.1.21 → 12.1.22

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.
Files changed (21) hide show
  1. package/bundles/colijnit-transaction.umd.js +61 -21
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/avatar/avatar.component.js +30 -7
  5. package/esm2015/lib/component/transaction-line-fields/transaction-line-discount-amount.component.js +5 -3
  6. package/esm2015/lib/component/transaction-line-fields/transaction-line-line-discount.component.js +5 -3
  7. package/esm2015/lib/component/transaction-line-fields/transaction-line-price.component.js +7 -5
  8. package/esm2015/lib/component/transaction-line-fields/transaction-line-quantum-discount.component.js +5 -3
  9. package/esm2015/lib/component/transaction-line-fields/transaction-line-reference.component.js +5 -3
  10. package/esm2015/lib/component/transaction-line-fields/transaction-line-special-discount.component.js +5 -3
  11. package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-purchase-order-tile/transaction-search-purchase-order-tile.component.js +2 -2
  12. package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.component.js +2 -2
  13. package/fesm2015/colijnit-transaction.js +57 -22
  14. package/fesm2015/colijnit-transaction.js.map +1 -1
  15. package/lib/component/avatar/avatar.component.d.ts +10 -2
  16. package/lib/component/checkout/style/_layout.scss +0 -1
  17. package/lib/component/payment-qr-code/style/_layout.scss +3 -0
  18. package/lib/component/transaction-header/transaction-header-payment/style/_layout.scss +2 -0
  19. package/lib/component/transaction-header/transaction-header-payment/style/_material-definition.scss +1 -0
  20. package/lib/component/transaction-search/style/_layout.scss +1 -1
  21. package/package.json +1 -1
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"CheckoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"co-checkout","template":"\n <co-stepper [finishButtonLabel]=\"'CHECKOUT_FINISH' | localize\" (finishStep)=\"handleFinishStep()\">\n <co-stepper-step #stepRelation [index]=\"1\" [label]=\"'YOUR_DATA' | localize\" (validateStep)=\"handleRelationValidation()\">\n <co-checkout-overview-relation-edit #checkoutRelation *ngIf=\"stepRelation.show\" [(relation)]=\"service.relation\"\n (relationChange)=\"service.relation = $event\"\n ></co-checkout-overview-relation-edit>\n </co-stepper-step>\n <co-stepper-step #stepDelivery [index]=\"2\" [label]=\"'DELIVERY' | localize\" (validateStep)=\"handleDeliveryValidation()\">\n <co-checkout-overview-delivery-edit #checkoutDelivery *ngIf=\"stepDelivery.show\"\n [transaction]=\"service.currentTransaction\"\n ></co-checkout-overview-delivery-edit>\n </co-stepper-step>\n <co-stepper-step #stepOverview [index]=\"3\" [label]=\"'OVERVIEW' | localize\" (validateStep)=\"handleOverviewValidation()\">\n </co-stepper-step>\n <co-stepper-step #stepPayment [index]=\"4\" [label]=\"'PAYMENT' | localize\" (validateStep)=\"handlePaymentValidation()\">\n <co-payment #checkoutPayment *ngIf=\"stepPayment.show\"\n [transactionUuid]=\"service.currentTransaction.transactionInfo.uuid\"\n [amount]=\"service.currentTransaction.transactionTotal.netAmount\"\n [currencyId]=\"service.currentTransaction.transactionInfo.currencyId\"\n ></co-payment>\n </co-stepper-step>\n <div class=\"co-checkout-right-panel\">\n <div class=\"co-checkout-right-panel-relation\">\n <co-avatar [relationId]=\"sellerId\"></co-avatar>\n </div>\n <co-shopping-cart-preview [showCheckoutButton]=\"false\" [withoutBorder]=\"true\"></co-shopping-cart-preview>\n </div>\n </co-stepper>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":43,"character":17},"member":"None"}}]}],"members":{"stepRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["stepRelation"]}]}],"stepDelivery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":["stepDelivery"]}]}],"stepPayment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["stepPayment"]}]}],"stepOverview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":3},"arguments":["stepOverview"]}]}],"stepPay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["stepPay"]}]}],"checkoutRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["checkoutRelation"]}]}],"checkoutDelivery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":64,"character":3},"arguments":["checkoutDelivery"]}]}],"checkoutPayment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":67,"character":3},"arguments":["checkoutPayment"]}]}],"sellerId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"transactionFinished":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":76,"character":3},"arguments":["class.co-checkout"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"}]}],"handleRelationValidation":[{"__symbolic":"method"}],"handleDeliveryValidation":[{"__symbolic":"method"}],"handlePaymentValidation":[{"__symbolic":"method"}],"handleOverviewValidation":[{"__symbolic":"method"}],"handleFinishStep":[{"__symbolic":"method"}],"saveRelation":[{"__symbolic":"method"}],"handleSaveDelivery":[{"__symbolic":"method"}]}},"CheckoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":51,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":52,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":53,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":54,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":55,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":56,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":57,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":58,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":59,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogPromptModule","line":60,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":61,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":62,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":63,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":64,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PopupModule","line":65,"character":8},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":66,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoGridModule","line":67,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":68,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":69,"character":8},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoRichTextEditorModule","line":73,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"Carousel3dModule","line":74,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextareaModule","line":75,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputListboxModule","line":76,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ShoppingCartPreviewModule"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵcb"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CollapsibleModule","line":82,"character":8},{"__symbolic":"reference","name":"ɵcd"}],"declarations":[{"__symbolic":"reference","name":"ɵck"},{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","name":"ɵcm"},{"__symbolic":"reference","name":"ɵcn"},{"__symbolic":"reference","name":"ɵco"},{"__symbolic":"reference","name":"ɵcp"},{"__symbolic":"reference","name":"CheckoutComponent"}],"providers":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵc"}],"entryComponents":[{"__symbolic":"reference","name":"CheckoutComponent"}],"exports":[{"__symbolic":"reference","name":"CheckoutComponent"}],"bootstrap":[{"__symbolic":"reference","name":"CheckoutComponent"}]}]}],"members":{}},"ShoppingCartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-shopping-cart","template":"\n <div class=\"cart-header\">\n <span class=\"cart-header-label\" [textContent]=\"'SHOPPING_CART_OVERVIEW' | localize | append:'(' + service.articleAmount + ')'\"></span>\n </div>\n <div class=\"shopping-cart-transaction-wrapper\">\n <co-transaction\n [showHeader]=\"false\"\n [showQuickAccess]=\"false\"\n [showButtonBar]=\"false\"\n [transaction]=\"transaction\"\n ></co-transaction>\n </div>\n <div class=\"cart-buttons\">\n <a class=\"button-resume\" [textContent]=\"'SHOPPING_CART_RESUME' | localize\"\n (click)=\"closeCart.emit()\"\n ></a>\n <co-button class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n [disabled]=\"service.articleAmount === 0\"\n (click)=\"checkout.emit()\"></co-button>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"}}]}],"members":{"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":3},"arguments":["class.co-shopping-cart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵd"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ShoppingCartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":12,"character":4},{"__symbolic":"reference","name":"TransactionModule"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ShoppingCartComponent"}],"exports":[{"__symbolic":"reference","name":"ShoppingCartComponent"}]}]}],"members":{}},"ShoppingCartPreviewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-shopping-cart-preview","template":"\n <div class=\"cart-header\">\n <span class=\"cart-header-label\" [textContent]=\"'CART' | localize\"></span>\n </div>\n <div class=\"cart-lines\">\n <co-transaction-lines\n [transactionLines]=\"service.currentTransaction.transactionLines\"\n [preview]=\"true\"\n ></co-transaction-lines>\n </div>\n <div class=\"preview-totals-wrapper\">\n <co-transaction-totals [totals]=\"service.currentTransaction.transactionTotal\"></co-transaction-totals>\n </div>\n <div class=\"cart-buttons\">\n <a class=\"button-edit-cart\" [textContent]=\"'EDIT_CART' | localize\"\n (click)=\"editCartClick.emit()\"\n ></a>\n <co-button *ngIf=\"showCheckoutButton\" class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n [disabled]=\"!service.articleAmount\"\n (click)=\"checkout.emit()\"></co-button>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"}}]}],"members":{"showCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"withoutBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class.borderless"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"editCartClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":3},"arguments":["class.co-shopping-cart-preview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}]}},"ShoppingCartPreviewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":13,"character":8},{"__symbolic":"reference","name":"TransactionLinesModule"},{"__symbolic":"reference","name":"TransactionTotalsModule"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ShoppingCartPreviewComponent"}],"exports":[{"__symbolic":"reference","name":"ShoppingCartPreviewComponent"}]}]}],"members":{}},"TransactionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"co-transaction","template":"\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n\n <co-view-mode-buttons class=\"transaction-lines-header-item\"\n [showViewModes]=\"[viewModes.List, viewModes.Grid]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n <co-transaction-lines\n [transactionLines]=\"transaction.transactionLines\"\n (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n (saveTransactionLine)=\"saveTransactionLine($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n <co-transaction-grid\n [transactionLines]=\"transaction.transactionLines\"\n [transactionId]=\"transactionId\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-grid>\n <!--\n <co-transaction-order-confirmation-grid\n *ngIf=\"activeCategory === 1\"\n [transactionLines]=\"transaction.transactionLines\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-order-confirmation-grid>\n -->\n </div>\n <div class=\"transaction-footer-wrapper\">\n <co-transaction-totals [totals]=\"transaction.transactionTotal\" [showDiscount]=\"true\" (discountClick)=\"addDiscount()\"></co-transaction-totals>\n </div>\n <co-discount *ngIf=\"showDiscountsSidebar\">\n </co-discount>\n\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\" @showHideSidePanel\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [transactionId]=\"transactionId\"\n [transactionInfoNr]=\"transaction.transactionInfo.transactionNr\"\n (cancelClick)=\"handleCloseSidePanel($event)\"\n ></co-transaction-line-side-panel>\n ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":73,"character":4},"arguments":["showHideSidePanel",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":74,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":74,"character":20},"arguments":[{"transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":75,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":75,"character":17},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":76,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":76,"character":31},"arguments":["200ms ease-in-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":79,"character":17},"member":"None"}}]}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"showQuickAccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":111,"character":3},"arguments":["class.show-quick-access"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"showButtonBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":115,"character":3},"arguments":["class.show-button-bar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":119,"character":3},"arguments":["class.co-transaction"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"addDiscount":[{"__symbolic":"method"}],"saveTransactionLine":[{"__symbolic":"method"}],"handleButtonBarButtonClicked":[{"__symbolic":"method"}],"handleShowSidePanel":[{"__symbolic":"method"}],"handleCloseSidePanel":[{"__symbolic":"method"}]}},"TransactionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵcq"},{"__symbolic":"reference","name":"TransactionLinesModule"},{"__symbolic":"reference","name":"TransactionTotalsModule"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":26,"character":4},{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":28,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":29,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":30,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":31,"character":4},{"__symbolic":"reference","name":"ɵew"},{"__symbolic":"reference","name":"TransactionQuickAccessModule"},{"__symbolic":"reference","name":"ɵej"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵcz"},{"__symbolic":"reference","name":"ɵfa"},{"__symbolic":"reference","name":"ɵfc"},{"__symbolic":"reference","name":"ɵfe"},{"__symbolic":"reference","name":"ɵfg"}],"declarations":[{"__symbolic":"reference","name":"TransactionComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionComponent"}]}]}],"members":{}},"TransactionSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-search","template":"\n <div class=\"transaction-search-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\">\n <div class=\"transaction-filter-wrapper narrow-scrollbar\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n *ngIf=\"showFilterSidebar\" @showHideFilterSidebar>\n <co-transaction-filter\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n (closeButtonClick)=\"handleHideFilter()\"\n (resetFilterClick)=\"handleResetFilter()\"></co-transaction-filter>\n </div>\n <div class=\"transaction-search-result-wrapper\">\n <co-transaction-search-result\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n (filterClick)=\"toggleFilter()\"\n (transactionClick)=\"onTransactionClick($event)\"\n (resizeClick)=\"onResizeClick()\"\n (closeClick)=\"closeClick.emit()\"\n ></co-transaction-search-result>\n </div>\n </div>\n ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":32,"character":4},"arguments":["showHideFilterSidebar",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":33,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":20},"arguments":[{"transform":"translateX(-100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":34,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":17},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":35,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":31},"arguments":["200ms ease-in-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"None"}}]}],"members":{"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"searchViewModeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":3},"arguments":["class.co-transaction-search"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"}]}],"toggleFilter":[{"__symbolic":"method"}],"handleHideFilter":[{"__symbolic":"method"}],"handleResetFilter":[{"__symbolic":"method"}],"onTransactionClick":[{"__symbolic":"method"}],"onResizeClick":[{"__symbolic":"method"}]}},"TransactionSearchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputSearchModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵfj"},{"__symbolic":"reference","name":"ɵgb"},{"__symbolic":"reference","name":"ɵgq"},{"__symbolic":"reference","name":"ɵgy"}],"declarations":[{"__symbolic":"reference","name":"TransactionSearchComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionSearchComponent"}]}]}],"members":{}},"TransactionHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-header","template":"\n <div class=\"transaction-header-wrapper\">\n <co-transaction-header-relation [relationId]=\"relationId\"></co-transaction-header-relation>\n<!--\n <co-transaction-header-contact [relationId]=\"relationId\"></co-transaction-header-contact>\n-->\n <co-transaction-header-delivery [transaction]=\"transaction\"></co-transaction-header-delivery>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"}}]}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["class.co-transaction-header"]}]}]}},"TransactionHeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"TransactionHeaderRelationModule"},{"__symbolic":"reference","name":"TransactionHeaderOrderModule"},{"__symbolic":"reference","name":"TransactionHeaderDeliveryModule"},{"__symbolic":"reference","name":"ɵcu"}],"declarations":[{"__symbolic":"reference","name":"TransactionHeaderComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionHeaderComponent"}]}]}],"members":{}},"TransactionHeaderOrderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-header-order","template":"\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n </ng-template>\n <ng-template #firstBlock>\n <span class=\"header-order-total-label co-transaction-label\" [textContent]=\"'ORDER_TOTAL' | localize\"></span>\n <div class=\"header-order-total\" [textContent]=\"transactionTotal.netAmount | priceDisplay\"></div>\n </ng-template>\n <ng-template #secondBlock>\n <span class=\"header-order-line-amount-label co-transaction-label\" [textContent]=\"'ORDER_LINES' | localize\"></span>\n <div class=\"header-order-line-amount\" [textContent]=\"transactionLines.length\"></div>\n </ng-template>\n <ng-template #thirdBlock>\n <div class=\"header-order-definitive-label co-transaction-label\" [textContent]=\"'DEFINITIVE' | localize\"></div>\n <co-input-checkbox [model]=\"true\"></co-input-checkbox>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class.co-transaction-header-order"]}]}]}},"TransactionHeaderOrderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵcr"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"TransactionHeaderOrderComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionHeaderOrderComponent"}]}]}],"members":{}},"TransactionHeaderDeliveryComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-header-delivery","template":"\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-delivery-method\">\n <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.DeliveryTruck)\"></co-icon>\n <span [textContent]=\"deliveryMethod?.description\"></span>\n </div>\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconService.getIcon(icons.CalendarDay)\"></co-icon>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n <span class=\"header-delivery-deliverydate\" [textContent]=\"transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n <co-icon *ngIf=\"transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeSolid)\"></co-icon>\n <co-icon *ngIf=\"!transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeOpenSolid)\"></co-icon>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n <div class=\"header-delivery-preferred-deliverydate\" [textContent]=\"transactionInfo.preferredDeliveryDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n <ng-template #thirdBlock>\n <div class=\"header-delivery-partial-delivery-label co-transaction-label\" [textContent]=\"'PART_DELIVERY' | localize\"></div>\n <co-input-checkbox class=\"header-delivery-partial-delivery\" [model]=\"transactionInfo.allowPartialDelivery\"></co-input-checkbox>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":42,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":3},"arguments":["class.co-transaction-header-delivery"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"transactionSet":[{"__symbolic":"method"}]}},"TransactionHeaderDeliveryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵcr"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":13,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"TransactionHeaderDeliveryComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionHeaderDeliveryComponent"}]}]}],"members":{}},"TransactionHeaderRelationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-header-relation","template":"\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"relation.displayName\"></div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-relation-address\" [textContent]=\"relation.displayAddress\"></div>\n <div class=\"header-relation-postal\" [textContent]=\"relation.displayPostalcodeCity\"></div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-relation-email\" [textContent]=\"relation.email\"></div>\n <div class=\"header-relation-phone\" [textContent]=\"relation.tel1\"></div>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["class.co-transaction-header-relation"]}]}]}},"TransactionHeaderRelationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":8},{"__symbolic":"reference","name":"ɵcr"}],"declarations":[{"__symbolic":"reference","name":"TransactionHeaderRelationComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionHeaderRelationComponent"}]}]}],"members":{}},"TransactionLineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"co-transaction-line","template":"\n <div class=\"transaction-line\">\n <ng-container *ngIf=\"line.isArticle\">\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-image\" [class.preview]=\"preview\">\n <co-image-display [model]=\"image\"></co-image-display>\n </div>\n <div class=\"transaction-line-description\">\n <div class=\"description-wrapper\">\n <span [textContent]=\"line.goodDescription\" class=\"transaction-line-description-description\"></span>\n <span *ngIf=\"line.goodDescription && line.articleNumber\" class=\"transaction-line-description-divider\">|</span>\n <span [textContent]=\"line.articleNumber\" class=\"transaction-line-description-sku\"></span>\n <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n </div>\n <div *ngIf=!preview class=\"article-text-wrapper\">\n <div class=\"article-text\" *ngFor=\"let text of line.articleTestAsArray\">\n <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n </div>\n </div>\n <div *ngIf=!preview class=\"configuration-text-wrapper\">\n <span [innerHTML]=\"line.configurationReadable\"></span>\n </div>\n </div>\n <div *ngIf=!preview class=\"transaction-line-stock\">\n <div class=\"transaction-line-stock-wrapper\">\n <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n </div>\n <div class=\"transaction-line-stock-wrapper\">\n <span [textContent]=\"'DELIVERY_DATE' | localize\" class=\"small-font\"></span>\n <span [textContent]=\"line.deliveryDate | date:'dd MMM YYYY'\"></span>\n </div>\n </div>\n <div class=\"transaction-line-totals\">\n <co-transaction-line-price class=\"transaction-line-totals-price price\"\n [transactionLine]=\"line\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n ></co-transaction-line-price>\n <co-editable-label class=\"transaction-line-totals-discount discount\"\n [model]=\"line.lineTotalDiscountAmount | coCurrency\"\n [editModel]=\"line.lineTotalDiscountAmount\"\n [readonly]=\"readonly\"\n [commit]=\"true\"\n ></co-editable-label>\n <div *ngIf=!preview class=\"transaction-line-totals-amount\">\n <co-input-number-picker class=\"amount-number-picker\"\n [(model)]=\"localAmount\" [min]=\"0\"\n [readonly]=\"readonly\"\n (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n </div>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"line.displayNetLineTotal | coCurrency\"\n [editModel]=\"line.displayNetLineTotal\"\n [readonly]=\"readonly\"\n [commit]=\"!readonly\"\n ></co-editable-label>\n </div>\n <div *ngIf=\"!preview\" class=\"transaction-line-buttons\">\n <co-transaction-line-action-buttons\n [transactionLine]=\"line\"\n (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n (sidePanelButtonClicked)=\"handleShowSidePanel()\"\n ></co-transaction-line-action-buttons>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"line.isText\">\n <div [textContent]=\"line.text\"></div>\n <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n <div class=\"delete-wrapper\" (click)=\"deleteTransactionLineClick()\">\n <icon class=\"delete-icon\" [icon]=\"icons.Cancel\"></icon>\n <div class=\"delete-link\"\n [textContent]=\"'DELETE_TRANSACTION_LINE' | localize:false\">\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":94,"character":17},"member":"None"}}]}],"members":{"preview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":99,"character":3},"arguments":["class.preview"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"line":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"waitingForUserAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":3}}]}],"sidePanelButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":121,"character":3}}]}],"transactionLineActionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":124,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbq"}]}]}],"isText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":127,"character":3},"arguments":["class.is-text"]}]}],"isArticle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":130,"character":3},"arguments":["class.is-article"]}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":133,"character":3},"arguments":["class.is-selected"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3},"arguments":["selected"]}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":137,"character":3},"arguments":["class.co-transaction-line"]}]}],"handleMouseOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":142,"character":3},"arguments":["mouseover",["$event"]]}]}],"handleMouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":147,"character":3},"arguments":["mouseleave",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵbw"}]}],"changeLineAmount":[{"__symbolic":"method"}],"deleteTransactionLineClick":[{"__symbolic":"method"}],"handleOpenArticleText":[{"__symbolic":"method"}],"handleShowSidePanel":[{"__symbolic":"method"}],"_loadLineImage":[{"__symbolic":"method"}]}},"TransactionLineModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":22,"character":8},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbt"}],"declarations":[{"__symbolic":"reference","name":"TransactionLineComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionLineComponent"}]}]}],"members":{}},"TransactionLineGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-line-grid","template":"\n\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"}}]}],"members":{"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":3},"arguments":["class.co-transaction-line-grid"]}]}]}},"TransactionLineGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"TransactionLineGridComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionLineGridComponent"}]}]}],"members":{}},"TransactionLinesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"co-transaction-lines","template":"\n <div cdkDropListGroup class=\"drop-list-group\">\n <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n [cdkDropListDisabled]=\"preview || userActionRequired\"\n [cdkDropListData]=\"transactionLines\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n >\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n <co-transaction-line\n [preview]=\"preview\"\n [line]=\"line\"\n [selected]=\"line === selectedTransactionLine\"\n (dblclick)=\"handleTransactionLineDblClick(line)\"\n (sidePanelButtonClicked)=\"handleShowSidePanelClicked(line)\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n ></co-transaction-line>\n </div>\n </div>\n </div>\n <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.Txt)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n [header]=\"'TEXT' | localize\"\n [transactionLine]=\"selectedArticleText\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleText($event)\"\n (cancelClick)=\"closeTransactionArticleText($event)\"\n ></co-transaction-article-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":43,"character":17},"member":"None"}}]}],"members":{"transactionArticleText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbm"}]}]}],"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"preview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"saveTransactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"showSidePanelClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class.co-transaction-lines"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"trackByFn":[{"__symbolic":"method"}],"handleCanDragDrop":[{"__symbolic":"method"}],"handleDrop":[{"__symbolic":"method"}],"handleTransactionLineDblClick":[{"__symbolic":"method"}],"handleTransactionArticleText":[{"__symbolic":"method"}],"closeTransactionArticleText":[{"__symbolic":"method"}],"saveTransactionArticleLineText":[{"__symbolic":"method"}],"handleShowSidePanelClicked":[{"__symbolic":"method"}],"_showArticleTextDialog":[{"__symbolic":"method"}],"_hideArticleTextDialog":[{"__symbolic":"method"}]}},"TransactionLinesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"TransactionLineModule"},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":8},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"TransactionLinesComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionLinesComponent"}]}]}],"members":{}},"TransactionTotalsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-totals","template":"\n <div class=\"transaction-totals-wrapper\">\n <span class=\"totals-gross label\" [textContent]=\"'ORDER_GROSS' | localize\"></span>\n <span class=\"totals-gross value\" [textContent]=\"totals?.grossAmount | coCurrency: true\"></span>\n <ng-container *ngIf=\"totals?.discountAmount\">\n <span class=\"totals-discount-amount label\" [textContent]=\"'DISCOUNT_AMOUNT' | localize\"></span>\n <span class=\"totals-discount-amount value\" [textContent]=\"totals?.discountAmount | coCurrency: true\"></span>\n </ng-container>\n <ng-container *ngIf=\"totals?.transactionDiscountAmount\">\n <span class=\"totals-discount label\" [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></span>\n <span class=\"totals-discount value\" [textContent]=\"totals?.transactionDiscountAmount | coCurrency: true\"></span>\n </ng-container>\n <ng-container *ngIf=\"totals?.transactionDiscountPercentage\">\n <span class=\"totals-discount-percentage label\" [textContent]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"></span>\n <span class=\"totals-discount-percentage value\" [textContent]=\"totals?.transactionDiscountPercentage.toString() | append:' %'\"></span>\n </ng-container>\n <span class=\"totals-net label\" [textContent]=\"'ORDER_NET'| localize\"></span>\n <span class=\"totals-net value\" [textContent]=\"totals?.netAmount | coCurrency: true\"></span>\n <a *ngIf=\"showDiscount\" class=\"add-discount label\" (click)=\"discountClick.emit($event)\" [textContent]=\"'ADD_DISCOUNTS' | localize\"></a>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":26,"character":17},"member":"None"}}]}],"members":{"totals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"showDiscount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"discountClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["class.co-transaction-totals"]}]}]}},"TransactionTotalsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"TransactionTotalsComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionTotalsComponent"}]}]}],"members":{}},"TransactionQuickAccessComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"co-transaction-quick-access","template":"\n <div #quickAccessContent class=\"quick-access-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"}}]}],"members":{"quickAccessContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["quickAccessContent",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":43}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"activeCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":51,"character":3},"arguments":["class.co-transaction-quick-access"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":62,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":63,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":64,"character":22}]}],"_prepareContent":[{"__symbolic":"method"}]}},"TransactionQuickAccessModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":17,"character":4},{"__symbolic":"reference","name":"TransactionQuickAccessOrderConfirmationModule"},{"__symbolic":"reference","name":"TransactionQuickAccessReceivedGoodsModule"},{"__symbolic":"reference","name":"ɵey"}],"declarations":[{"__symbolic":"reference","name":"TransactionQuickAccessComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionQuickAccessComponent"}]}]}],"members":{}},"TransactionQuickAccessOrderConfirmationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-quick-access-order-confirmation","template":"\n <co-input-date\n [model]=\"\"\n [placeholder]=\"'CONFIRMED_DATE' | localize\"\n ></co-input-date>\n <co-input-text\n [placeholder]=\"'REFERENCE' | localize\"\n ></co-input-text>\n <co-input-checkbox\n ></co-input-checkbox>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["class.co-transaction-quick-access-order-confirmation"]}]}]}},"TransactionQuickAccessOrderConfirmationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":9,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":10,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"TransactionQuickAccessOrderConfirmationComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionQuickAccessOrderConfirmationComponent"}]}]}],"members":{}},"TransactionQuickAccessReceivedGoodsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-quick-access-received-goods","template":"\n <co-input-date\n [placeholder]=\"'CONFIRMED_DATE' | localize\"\n [(model)]=\"this.commitDate\"\n ></co-input-date>\n <co-input-text\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [(model)]=\"this.commitReferenceId\"\n ></co-input-text>\n <co-input-checkbox\n class=\"checkbox-wrapper\"\n [(model)]=\"commitCheckboxState\"\n [disabled]=\"commitCheckboxState\"\n (modelChange)=\"handleCommitEvent({checkboxValue: $event, date: this.commitDate, id: this.commitReferenceId})\"\n ></co-input-checkbox>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"commitDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"commitReferenceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"packingSlipId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"checkboxValueChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["class.co-transaction-quick-access-received-goods"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleCommitEvent":[{"__symbolic":"method"}]}},"TransactionQuickAccessReceivedGoodsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":12,"character":8}],"declarations":[{"__symbolic":"reference","name":"TransactionQuickAccessReceivedGoodsComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionQuickAccessReceivedGoodsComponent"}]}]}],"members":{}},"TransactionConfirmationDetailsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-transaction-confirmation-details","template":"\n <div class=\"confirmation-details-wrapper\">\n <co-form>\n <div class=\"details-header\">\n <span class=\"header-left-text\" [textContent]=\"'ORDER_CONFIRMATIONS' | localize\"></span>\n <co-icon class=\"header-left-text\" [iconData]=\"iconCacheService.getIcon(icons.PlusRound)\" (click)=\"addButtonClicked()\"></co-icon>\n <div class=\"details-header-right\">\n <span class=\"header-right-text\" [textContent]=\"'REQUESTED_DELIVERY' | localize\"></span>\n <span class=\"header-right-text-colon\" [textContent]=\"': '\"></span>\n <span class=\"header-right-text\" [textContent]=\"transactionLines.deliveryDate | date:'dd-MM-YYYY'\"></span>\n </div>\n </div>\n <div *ngIf=\"showAddOrder\" class=\"columns-wrapper\">\n <div class=\"details-column\">\n <co-input-text class=\"details-input\"\n [(model)]=\"docBatchArray.docAmount\"\n [placeholder]=\"'AMOUNT' | localize\">\n </co-input-text>\n\n <co-input-date class=\"details-input\"\n [(model)]=\"docBatchArray.docDate\">\n </co-input-date>\n\n <co-input-text class=\"details-input\"\n [(model)]=\"docBatchArray.confirmedPrice\"\n [placeholder]=\"'CONFIRMED_PRICE' | localize\">\n </co-input-text>\n </div>\n\n <div class=\"divider-wrapper\">\n <div class=\"divider\"></div>\n </div>\n\n <div class=\"details-column\">\n <co-input-text class=\"details-input\"\n [(model)]=\"docBatchArray.reference\"\n disabled\n [placeholder]=\"'REFERENCE' | localize\">\n </co-input-text>\n\n <co-input-text class=\"details-input\"\n [(model)]=\"docBatchArray.deliveryBatch\"\n [placeholder]=\"'DELIVERY_BATCH' | localize\">\n </co-input-text>\n </div>\n </div>\n </co-form>\n\n <div *ngIf=\"showAddOrder\" class=\"save-cancel-wrapper\">\n <co-default-ok-cancel-buttons (okClick)=\"handleOkClick()\"></co-default-ok-cancel-buttons>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":63,"character":17},"member":"None"}}]}],"members":{"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"transactionInfoNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":74,"character":3},"arguments":["class.co-transaction-confirmation-details"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"addButtonClicked":[{"__symbolic":"method"}],"handleOkClick":[{"__symbolic":"method"}]}},"TransactionConfirmationDetailsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":21,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":22,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":23,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":24,"character":8},{"__symbolic":"reference","name":"ɵeo"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":26,"character":8}],"declarations":[{"__symbolic":"reference","name":"TransactionConfirmationDetailsComponent"},{"__symbolic":"reference","name":"TransactionConfirmationDetailsComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionConfirmationDetailsComponent"},{"__symbolic":"reference","name":"TransactionConfirmationDetailsComponent"}]}]}],"members":{}},"TransactionConfirmationHistoryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-confirmation-history","template":"\n <div class=\"history-grid-wrapper\">\n <co-simple-grid [data]=\"purchasePortalLines\">\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amountOrdered'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PRICE' | localize\" [field]=\"'grossOrderPrice'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [field]=\"'reference'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE' | localize\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'USER' | localize\" [field]=\"'user'\"></co-simple-grid-column>\n </co-simple-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"transactionInfoNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.co-transaction-confirmation-history"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":51,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"getPurchasePortalLines":[{"__symbolic":"method"}]}},"TransactionConfirmationHistoryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":19,"character":4},{"__symbolic":"reference","name":"ɵeb"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CollapsibleModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":22,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":23,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":24,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":25,"character":4}],"declarations":[{"__symbolic":"reference","name":"TransactionConfirmationHistoryComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionConfirmationHistoryComponent"}]}]}],"members":{}},"TransactionService":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":52,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"pendingLineOperationStatus":[{"__symbolic":"method"}],"updatePriceTransactionLine":[{"__symbolic":"method"}],"updateReferenceTransactionLine":[{"__symbolic":"method"}],"updateHeaderTransactionDefinitive":[{"__symbolic":"method"}],"updateQuantityTransactionLine":[{"__symbolic":"method"}],"updateDeliveryDateTransactionLine":[{"__symbolic":"method"}],"updatePriceListTransactionLine":[{"__symbolic":"method"}],"updateVatTransactionLine":[{"__symbolic":"method"}],"updateCommissionCodeTransactionLine":[{"__symbolic":"method"}],"updateWarehouseTransactionLine":[{"__symbolic":"method"}],"updateDeliveryMethodTransactionLine":[{"__symbolic":"method"}],"updateDiscountTransactionLine":[{"__symbolic":"method"}],"searchTransactions":[{"__symbolic":"method"}],"saveRelation":[{"__symbolic":"method"}],"getSequenceValue":[{"__symbolic":"method"}],"getRelationPrivacySettings":[{"__symbolic":"method"}],"getArticleBoundTextLinesOfArticleLine":[{"__symbolic":"method"}],"createTransaction":[{"__symbolic":"method"}],"getTransaction":[{"__symbolic":"method"}],"openExistingTransaction":[{"__symbolic":"method"}],"getTransactionById":[{"__symbolic":"method"}],"commit":[{"__symbolic":"method"}],"saveTransaction":[{"__symbolic":"method"}],"saveTransactionByUuid":[{"__symbolic":"method"}],"addRelationToTransaction":[{"__symbolic":"method"}],"getCommissionCodes":[{"__symbolic":"method"}],"getInOutCollection":[{"__symbolic":"method"}],"getTurnoverGroups":[{"__symbolic":"method"}],"getTransactionArticleWarehouses":[{"__symbolic":"method"}],"getMarketingCodes":[{"__symbolic":"method"}],"getArticles":[{"__symbolic":"method"}],"getMainArticles":[{"__symbolic":"method"}],"insertCustomer":[{"__symbolic":"method"}],"updateCustomer":[{"__symbolic":"method"}],"getDeliveryMethods":[{"__symbolic":"method"}],"getDeliveryOptions":[{"__symbolic":"method"}],"getRelationListObjects":[{"__symbolic":"method"}],"addArticle":[{"__symbolic":"method"}],"addTransactionLine":[{"__symbolic":"method"}],"addTextLine":[{"__symbolic":"method"}],"addTextLineToTransaction":[{"__symbolic":"method"}],"changeLineSequence":[{"__symbolic":"method"}],"deleteTransactionLine":[{"__symbolic":"method"}],"changeTransactionLineQuantity":[{"__symbolic":"method"}],"setRelationByUser":[{"__symbolic":"method"}],"getCustomerFullObjectByRelationId":[{"__symbolic":"method"}],"getGoodsReceiptStatus":[{"__symbolic":"method"}],"getGoodsReceiptStatusWithHistory":[{"__symbolic":"method"}],"receiveGoodsForPurchaseOrder":[{"__symbolic":"method"}],"receiveGoodsForPurchaseOrderCorrection":[{"__symbolic":"method"}],"getTextTypes":[{"__symbolic":"method"}],"getStandardTexts":[{"__symbolic":"method"}],"getArticleFullObject":[{"__symbolic":"method"}],"getGoodIdFromArticleNr":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}],"getCashRegisters":[{"__symbolic":"method"}],"getRelationNumber":[{"__symbolic":"method"}],"getPriceLists":[{"__symbolic":"method"}],"getVatLists":[{"__symbolic":"method"}],"getBranches":[{"__symbolic":"method"}],"getSalesPersons":[{"__symbolic":"method"}],"getTags":[{"__symbolic":"method"}],"getOnHoldCodes":[{"__symbolic":"method"}],"getWarehouses":[{"__symbolic":"method"}],"getHistoricStateValues":[{"__symbolic":"method"}],"getCustomerGroups":[{"__symbolic":"method"}],"getFirstAddress":[{"__symbolic":"method"}],"getPurchasePortalLines":[{"__symbolic":"method"}],"updatePurchasePortalLines":[{"__symbolic":"method"}],"_checkAndCreateTransaction":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵg"}]}],"init":[{"__symbolic":"method"}],"cancelAddTransactionLine":[{"__symbolic":"method"}],"handleLineOperationStatuses":[{"__symbolic":"method"}],"_rememberCurrentTransaction":[{"__symbolic":"method"}],"_handleLineOperationStatus":[{"__symbolic":"method"}],"resolvePendingLineReason":[{"__symbolic":"method"}],"_confirmAction":[{"__symbolic":"method"}],"_showReasonDialog":[{"__symbolic":"method"}],"_setAmount":[{"__symbolic":"method"}],"_initializeTransaction":[{"__symbolic":"method"}],"_cancelArticle":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":13,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":14,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":15,"character":22}]}],"showYesNo":[{"__symbolic":"method"}],"showError":[{"__symbolic":"method"}],"showInformation":[{"__symbolic":"method"}],"_createComponent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"createSettingsFromObject":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setDictionary":[{"__symbolic":"method"}],"_loadDictionary":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":52,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"}]}],"connect":[{"__symbolic":"method"}],"getArticleFullObject":[{"__symbolic":"method"}],"getGoodIdFromArticleNr":[{"__symbolic":"method"}],"getSingleImage":[{"__symbolic":"method"}],"getCountries":[{"__symbolic":"method"}],"getCustomerGroups":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}],"getPrivacySettings":[{"__symbolic":"method"}],"getRelationPrivacySettings":[{"__symbolic":"method"}],"getMarketingCodes":[{"__symbolic":"method"}],"createTransaction":[{"__symbolic":"method"}],"getArticleBoundTextLinesOfArticleLine":[{"__symbolic":"method"}],"getTransactionByNrAndKind":[{"__symbolic":"method"}],"getTransactionById":[{"__symbolic":"method"}],"commit":[{"__symbolic":"method"}],"saveTransaction":[{"__symbolic":"method"}],"getCustomerFullObject":[{"__symbolic":"method"}],"getCashRegisters":[{"__symbolic":"method"}],"getRelationNumber":[{"__symbolic":"method"}],"getPriceLists":[{"__symbolic":"method"}],"getVatList":[{"__symbolic":"method"}],"searchTransactions":[{"__symbolic":"method"}],"getSequenceValue":[{"__symbolic":"method"}],"insertCustomer":[{"__symbolic":"method"}],"updateCustomer":[{"__symbolic":"method"}],"getDeliveryMethods":[{"__symbolic":"method"}],"getDeliveryOptions":[{"__symbolic":"method"}],"addRelationToTransaction":[{"__symbolic":"method"}],"setTransactionDeliveryOptions":[{"__symbolic":"method"}],"getPostalCodeRetrieval":[{"__symbolic":"method"}],"getRelationListObjects":[{"__symbolic":"method"}],"addTransactionLine":[{"__symbolic":"method"}],"addTextLineToTransaction":[{"__symbolic":"method"}],"changeLineSequence":[{"__symbolic":"method"}],"cancelAddTransactionLine":[{"__symbolic":"method"}],"deleteTransactionLine":[{"__symbolic":"method"}],"changeTransactionLineQuantity":[{"__symbolic":"method"}],"resolvePendingLineReason":[{"__symbolic":"method"}],"getCommissionCodes":[{"__symbolic":"method"}],"getInOutCollection":[{"__symbolic":"method"}],"getTransactionArticleWarehouses":[{"__symbolic":"method"}],"setRelationByUser":[{"__symbolic":"method"}],"getTextTypes":[{"__symbolic":"method"}],"getStandardTexts":[{"__symbolic":"method"}],"getBranches":[{"__symbolic":"method"}],"getSalesPersons":[{"__symbolic":"method"}],"getTags":[{"__symbolic":"method"}],"getOnHoldCodes":[{"__symbolic":"method"}],"getWarehouses":[{"__symbolic":"method"}],"getHistoricStateValues":[{"__symbolic":"method"}],"getPaymentMethods":[{"__symbolic":"method"}],"changeTransactionLineCommissionCode":[{"__symbolic":"method"}],"changeTransactionLineWarehouse":[{"__symbolic":"method"}],"changeTransactionLinePrice":[{"__symbolic":"method"}],"changeTransactionLinePriceList":[{"__symbolic":"method"}],"changeTransactionLineVat":[{"__symbolic":"method"}],"changeTransactionLineLineDiscount":[{"__symbolic":"method"}],"changeTransactionLineDeliveryMethod":[{"__symbolic":"method"}],"changeTransactionLineDeliveryDate":[{"__symbolic":"method"}],"changeTransactionLineAssemblyTime":[{"__symbolic":"method"}],"changeTransactionLineEditTime":[{"__symbolic":"method"}],"changeTransactionLineSupplierArticleNumber":[{"__symbolic":"method"}],"changeTransactionLineReference":[{"__symbolic":"method"}],"changeHeaderTransactionDefinitive":[{"__symbolic":"method"}],"changeTransactionLineCollectionCode":[{"__symbolic":"method"}],"createOutstandingEntry":[{"__symbolic":"method"}],"registerSalesOrderPayment":[{"__symbolic":"method"}],"createIonePaymentLinkAndQRCode":[{"__symbolic":"method"}],"getGoodsReceiptStatus":[{"__symbolic":"method"}],"getGoodsReceiptStatusWithHistory":[{"__symbolic":"method"}],"receiveGoodsForPurchaseOrder":[{"__symbolic":"method"}],"receiveGoodsForPurchaseOrderCorrection":[{"__symbolic":"method"}],"getPurchasePortalLines":[{"__symbolic":"method"}],"updatePurchasePortalLines":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getCollection":[{"__symbolic":"method"}],"cacheCollection":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"}]}],"connect":[{"__symbolic":"method"}],"getWarehouseLocations":[{"__symbolic":"method"}],"searchArticles":[{"__symbolic":"method"}],"getMainArticles":[{"__symbolic":"method"}],"getTurnoverGroups":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":15,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":4},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"}],"exports":[{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"}]}]}],"members":{}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":9,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵr"}],"exports":[{"__symbolic":"reference","name":"ɵr"}]}]}],"members":{}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"}],"exports":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵo"}]}]}],"members":{}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"append"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"deliveryTime","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"transform":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"dateDuration","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"transform":[{"__symbolic":"method"}],"transformByDeltaDays":[{"__symbolic":"method"}],"transformByDeltaWeeks":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"localize"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"transform":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"coCurrency"}]}],"members":{"transform":[{"__symbolic":"method"}]},"statics":{"_CurrencySymbol":"€","_WholeNumberedPriceSuffix":",-"}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safeStyle"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":34}]}],"transform":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safeHtml"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":34}]}],"transform":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵs"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-confirmation-dialog","template":"\n <co-dialog [showCloseIcon]=\"false\">\n <div class=\"confirmation-dialog-wrapper\">\n <div class=\"title\" [textContent]=\"title | localize\"></div>\n <div class=\"text\" [textContent]=\"text\"></div>\n <div class=\"button-wrapper\">\n <ng-container *ngIf=\"type === ptype.Confirmation\">\n <co-button [label]=\"'YES' | localize\" (click)=\"handleYesClick($event)\"></co-button>\n <co-button [label]=\"'NO' | localize\" (click)=\"handleNoClick($event)\"></co-button>\n </ng-container>\n <ng-container *ngIf=\"type === ptype.Information\">\n <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick($event)\"></co-button>\n </ng-container>\n </div>\n </div>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["class.co-confirmation-dialog"]}]}],"handleYesClick":[{"__symbolic":"method"}],"handleNoClick":[{"__symbolic":"method"}],"handleOkClick":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","members":{"onClose":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-image-display","template":"\n <img class=\"image\" *ngIf=\"!!model\" [src]=\"model\">\n <div class=\"no-image\" *ngIf=\"!model\">\n <div class=\"img\"></div>\n <div class=\"no-image-label\" [textContent]=\"label | localize\"></div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"}}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":3},"arguments":["class.co-image-display"]}]}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"icon","template":"","styles":[""]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"svg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":3},"arguments":["innerHtml"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"_setSvg":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":20,"character":24}]}],"getIcon":[{"__symbolic":"method"}],"getIconAsBase64":[{"__symbolic":"method"}],"getRawIcon":[{"__symbolic":"method"}],"setIconCache":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"relation-customer-groups","template":"\n <co-input-combo-box [model]=\"model\"\n (modelChange)=\"modelChange.emit($event)\"\n [collection]=\"customerGroups\"\n [fields]=\"fields\"\n [placeholder]=\"'CUSTOMER_GROUP' | localize\"\n [required]=\"required\"\n ></co-input-combo-box>\n ","styles":[":host{display:flex}:host .co-input-combo-box{width:100%}\n"]}]}],"members":{"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"stock-status-indicator","template":"\n <div [class]=\"stockClass\">\n <div class=\"square-1\"></div>\n <div class=\"square-2\"></div>\n <div class=\"square-3\"></div>\n </div>\n ","styles":[""]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"transaction-loader","template":"\n <div class=\"transaction-loader\">\n <svg width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" xmlns=\"http://www.w3.org/2000/svg\">\n <defs>\n <linearGradient x1=\"8.042%\" y1=\"0%\" x2=\"65.682%\" y2=\"23.865%\" id=\"a\">\n <stop stop-color=\"#000\" stop-opacity=\"0\" offset=\"0%\"/>\n <stop stop-color=\"#000\" stop-opacity=\".631\" offset=\"63.146%\"/>\n <stop stop-color=\"#000\" offset=\"100%\"/>\n </linearGradient>\n </defs>\n <g fill=\"none\" fill-rule=\"evenodd\">\n <g transform=\"translate(1 1)\">\n <path d=\"M36 18c0-9.94-8.06-18-18-18\" id=\"Oval-2\" stroke=\"url(#a)\" stroke-width=\"2\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\" />\n </path>\n <circle fill=\"#000\" cx=\"36\" cy=\"18\" r=\"1\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\" />\n </circle>\n </g>\n </g>\n </svg>\n </div>\n "}]}],"members":{}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":11,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":14,"character":8},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵba"}],"exports":[{"__symbolic":"reference","name":"ɵba"}]}]}],"members":{}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-relation-address","template":"\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <co-form>\n <div class=\"relation-address-data-row default\">\n <co-input-combo-box [(model)]=\"address.countryId\"\n [collection]=\"countries\"\n [fields]=\"fields\"\n [placeholder]=\"'COUNTRY'| localize\"\n [required]=\"true\"\n ></co-input-combo-box>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text [(model)]=\"address.streetName\" [placeholder]=\"'STREET' | localize\" required></co-input-text>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text [(model)]=\"address.city\" [placeholder]=\"'CITY' | localize\" required></co-input-text>\n </div>\n <div class=\"relation-address-button-wrapper\" *ngIf=\"showButtons\">\n <co-button [label]=\"'SAVE' | localize\" (click)=\"submitForm()\"></co-button>\n <co-button [label]=\"'CANCEL' | localize\" (click)=\"cancelClick.emit()\"></co-button>\n </div>\n </co-form>\n ","providers":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":55,"character":4}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":57,"character":17},"member":"None"}}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"showButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"saveClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":76,"character":3},"arguments":["class.co-relation-address"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":87,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"checkForPostalCodeCheckError":[{"__symbolic":"method"}],"changeHouseNo":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":15,"character":8},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":17,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":18,"character":8},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbg"}],"exports":[{"__symbolic":"reference","name":"ɵbg"}]}]}],"members":{}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":17,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵbd"}],"declarations":[{"__symbolic":"reference","name":"ɵbf"}],"exports":[{"__symbolic":"reference","name":"ɵbf"}]}]}],"members":{}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵbe"}],"exports":[{"__symbolic":"reference","name":"ɵbe"}]}]}],"members":{}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-tile","template":"\n <div class=\"co-tile-wrapper\" (click)=\"selectedChange.emit(selected)\">\n <div class=\"co-tile-select-wrapper\">\n <co-input-radio-button [checked]=\"selected\" (modelChange)=\"selectedChange.emit($event)\"></co-input-radio-button>\n </div>\n <div class=\"co-tile-content-wrapper\">\n <ng-content></ng-content>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["class.selected"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":25,"character":3},"arguments":["class.co-tile"]}]}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-relation-address-tile","template":"\n <ng-container *ngIf=\"!actAsAddTile\">\n <co-tile [selected]=\"selected\" (selectedChange)=\"selectedChange.emit($event)\">\n <div class=\"relation-content-wrapper\">\n <span class=\"relation-address-type\" [textContent]=\"address.displayType | localize\"></span>\n <span class=\"relation-address-name\" [textContent]=\"address.addressName\"></span>\n <span class=\"relation-address-address\" [textContent]=\"address.displayAddress\"></span>\n <span class=\"relation-address-postal\" [textContent]=\"address.displayPostal\"></span>\n <span class=\"relation-address-country\" [textContent]=\"address.displayCountry\"></span>\n </div>\n <div class=\"relation-address-edit\" (click)=\"handleEditAddressClick($event)\">\n <icon class=\"relation-address-edit-icon\" [icon]=\"icons.EditPencil\"></icon>\n </div>\n </co-tile>\n </ng-container>\n <ng-container *ngIf=\"actAsAddTile\">\n <co-tile (click)=\"addAddressClicked.emit()\">\n <div class=\"relation-content-wrapper\">\n <icon class=\"relation-address-icon\" [icon]=\"icons.PlusRound\"></icon>\n <span [textContent]=\"'ADDRESS_ADD' | localize\"></span>\n </div>\n </co-tile>\n </ng-container>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":30,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.co-relation-address-tile"]}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"actAsAddTile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"addAddressClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"editAddressClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"handleEditAddressClick":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-relation-address-select","template":"\n <div class=\"relation-address-content\" #scrollContainer>\n <co-relation-address-tile *ngFor=\"let address of collection; let index = index\"\n [address]=\"address\"\n [selected]=\"index === selectedIdx\"\n (click)=\"selectedIdx = index\">\n </co-relation-address-tile>\n <co-relation-address-tile *ngIf=\"showAdd\" [actAsAddTile]=\"true\" (addAddressClicked)=\"createAddress()\"></co-relation-address-tile>\n <div class=\"relation-address-navigate left\" *ngIf=\"showNavigateLeft\" @showHideNavigationButton>\n <icon [icon]=\"icons.ArrowPointLeft\"></icon>\n </div>\n <div class=\"relation-address-navigate right\" *ngIf=\"showNavigateRight\" @showHideNavigationButton>\n <icon [icon]=\"icons.ArrowPointRight\"></icon>\n </div>\n </div>\n <div class=\"relation-address-change\">\n <icon class=\"relation-address-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'Wijzig adres'\" (click)=\"editAddress()\"></div>\n </div>\n <div class=\"relation-address-select-button-wrapper\">\n <co-button [label]=\"'SAVE' | localize\" (click)=\"selectAddress()\"></co-button>\n <co-button [label]=\"'CANCEL' | localize\" (click)=\"cancelClick.emit()\"></co-button>\n </div>\n <co-dialog *ngIf=\"showDialog\">\n <co-relation-address\n [address]=\"addressToEdit\"\n (saveClick)=\"saveAddress($event)\"\n (cancelClick)=\"showDialog = false\"\n ></co-relation-address>\n </co-dialog>\n ","providers":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":42,"character":4}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":45,"character":4},"arguments":["showHideNavigationButton",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":46,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":46,"character":20},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":47,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":17},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":48,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":48,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":49,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":49,"character":30},"arguments":["200ms ease-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":52,"character":17},"member":"None"}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":["scrollContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":57,"character":40}}]}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":3},"arguments":["class.co-relation-address-select"]}]}],"collection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"showAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"addressAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"addressUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"addressSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":97,"character":32},{"__symbolic":"reference","name":"ɵbh"}]}],"selectAddress":[{"__symbolic":"method"}],"createAddress":[{"__symbolic":"method"}],"saveAddress":[{"__symbolic":"method"}],"editAddress":[{"__symbolic":"method"}],"_initObserver":[{"__symbolic":"method"}],"_hideButtons":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"makeWithRawBackendData":[{"__symbolic":"method"}],"makeBOArrayFromRawBackendDataArray":[{"__symbolic":"method"}],"instantiateNewBo":[{"__symbolic":"method"}],"_copyAllPropertiesDecoratorProcessedFrom":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"}],"exports":[{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"}]}]}],"members":{}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-stepper","template":"\n <ng-container [ngTemplateOutlet]=\"buttonTemplate\"></ng-container>\n <div class=\"co-stepper-content\">\n <div class=\"stepper-step\" [class.last]=\"index === stepChildren.length - 1\" *ngFor=\"let step of stepChildren; let index = index\"\n [class.active]=\"index === activeStep\"\n [class.complete]=\"step.completed\"\n (click)=\"goto(index)\">\n <div class=\"description\" [textContent]=\"step.label\"></div>\n <div class=\"index\"></div>\n </div>\n <icon #deliveryTruck *ngIf=\"activeStep !== lastStep\" class=\"delivery-truck\" [icon]=\"icons.DeliveryTruck\" [style.left.%]=\"truckPosition\"></icon>\n </div>\n <div class=\"co-stepper-content-wrapper\">\n <ng-content></ng-content>\n </div>\n <ng-container [ngTemplateOutlet]=\"buttonTemplate\"></ng-container>\n <ng-template #buttonTemplate>\n <div class=\"stepper-button-wrapper\">\n <co-button [label]=\"'BACK' | localize\" *ngIf=\"canPrevious\" (click)=\"gotoPrevious()\"></co-button>\n <co-button [label]=\"'CONTINUE' | localize\" *ngIf=\"canNext\" (click)=\"gotoNext()\"></co-button>\n <co-button [label]=\"finishButtonLabel\" *ngIf=\"finished\" (click)=\"finishStep.emit()\"></co-button>\n </div>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":17},"member":"None"}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":41,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbk"}]}]}],"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["deliveryTruck",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":50,"character":38}}]}]}],"finishButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"finishStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":62,"character":3},"arguments":["class.co-stepper"]}]}],"goto":[{"__symbolic":"method"}],"gotoPrevious":[{"__symbolic":"method"}],"gotoNext":[{"__symbolic":"method"}],"_validateCurrentStep":[{"__symbolic":"method"}],"_setActive":[{"__symbolic":"method"}],"_prepareSteps":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-stepper-step","template":"\n <ng-container *ngIf=\"show\">\n <ng-content></ng-content>\n </ng-container>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"}}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"completed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":3},"arguments":["class.show"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"validateStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class.co-stepper-step"]}]}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputListboxModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbm"}],"exports":[{"__symbolic":"reference","name":"ɵbm"}]}]}],"members":{}},"ɵbm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-article-text","template":"\n <co-dialog (closeClick)=\"closeClick.emit($event)\">\n <ng-container header><span [textContent]=\"header\"></span></ng-container>\n <ng-container content>\n <div class=\"article-text-content-wrapper\">\n <div class=\"editor-wrapper\">\n <textarea class=\"article-text\"\n [(ngModel)]=\"transactionAddTextLineRequest.text\"\n ></textarea>\n </div>\n <div class=\"option-wrapper\">\n <co-input-listbox\n [collection]=\"documents\"\n [fields]=\"fieldsDocuments\"\n [placeholder]=\"'FOR_DOCUMENTS' | localize\"\n [value]=\"transactionAddTextLineRequest.showOnDocuments\"\n [showCheckbox]=\"true\"\n (modelChange)=\"handleDocumentsChange($event)\"\n ></co-input-listbox>\n <co-drop-down-list\n [collection]=\"standardTexts\"\n [fields]=\"fields\"\n [placeholder]=\"'STANDARD_TEXTS' | localize\"\n (modelChange)=\"onSelectStandardText($event)\"\n ></co-drop-down-list>\n </div>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"button-wrapper\">\n <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":44,"character":17},"member":"None"}}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"articleRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"editText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"articleLineNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"saveClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":3},"arguments":["class.co-transaction-article-text"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onOkClick":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"onSelectStandardText":[{"__symbolic":"method"}],"handleDocumentsChange":[{"__symbolic":"method"}]}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":8},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbo"}],"exports":[{"__symbolic":"reference","name":"ɵbo"}],"providers":[{"__symbolic":"reference","name":"ɵbh"}]}]}],"members":{}},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-article-text-overview","template":"\n <co-dialog (closeClick)=\"closeClick.emit($event)\">\n <ng-container header><span [textContent]=\"header\"></span></ng-container>\n <ng-container content>\n <div class=\"article-text-content-wrapper\">\n <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"article-text-drag-drop-list\"\n [cdkDropListData]=\"collection\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n >\n <div class=\"article-text-overview-article-text-wrapper\" *ngFor=\"let transLine of collection; let index = index\" cdkDrag (dblclick)=\"handleOpenArticleText(transLine)\">\n <div class=\"index\" [textContent]=\"index + 1\"></div>\n <div class=\"text\" [innerHTML]=\"transLine.text | safeHtml\"></div>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"button-wrapper\">\n <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n [header]=\"header\"\n [articleLineNr]=\"editTransactionLine.lineNr\"\n [articleRef]=\"editTransactionLine.articleNumber\"\n [transactionLine]=\"editTransactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleText($event)\"\n (cancelClick)=\"closeTransactionArticleText($event)\"\n ></co-transaction-article-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":45,"character":17},"member":"None"}}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"saveClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":67,"character":3},"arguments":["class.co-transaction-article-text-overview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵbh"}]}],"onOkClick":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"handleCanDragDrop":[{"__symbolic":"method"}],"handleDrop":[{"__symbolic":"method"}],"handleOpenArticleText":[{"__symbolic":"method"}],"closeTransactionArticleText":[{"__symbolic":"method"}],"saveTransactionArticleLineText":[{"__symbolic":"method"}],"_hideArticleTextDialog":[{"__symbolic":"method"}],"_getArticleTexts":[{"__symbolic":"method"}]}},"ɵbp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ClickoutsideModule","line":16,"character":4},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbq"}],"exports":[{"__symbolic":"reference","name":"ɵbq"}]}]}],"members":{}},"ɵbq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-line-action-buttons","template":"\n <div class=\"transaction-line-action-buttons-wrapper\">\n <div class=\"show-hide-button\">\n <icon [icon]=\"icons.ThickLines\" (click)=\"handleShowHideClick()\"></icon>\n </div>\n\n <div class=\"action-buttons-container\" clickOutside\n *ngIf=\"showActionButtons\"\n [ngClass]=\"alignDirection\"\n (clickOutside)=\"handleShowHideClick()\">\n\n <co-button *ngIf=\"showOverviewButton()\"\n class=\"transaction-line-overview-button circle\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.Txt)\"\n (click)=\"handleTransactionArticleTextOverview()\"></co-button>\n\n <co-button *ngIf=\"showAddTextButton()\"\n class=\"transaction-line-add-text-button circle\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.Txt)\"\n (click)=\"handleTransactionArticleText()\"></co-button>\n\n <co-button *ngIf=\"showSidebarButton()\"\n class=\"transaction-line-show-sidebar-button circle\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.MasterDetail)\"\n (click)=\"handleShowSidePanel()\"></co-button>\n </div>\n </div>\n\n <co-transaction-article-text-overview *ngIf=\"showTransactionArticleTextOverview\"\n [header]=\"articleTextHeader | localize\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleTextOverview($event)\"\n (cancelClick)=\"closeTransactionArticleTextOverview($event)\"\n ></co-transaction-article-text-overview>\n\n <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n [header]=\"articleTextHeader | localize\"\n [articleLineNr]=\"transactionLine.lineNr\"\n [articleRef]=\"transactionLine.articleNumber\"\n [transactionLine]=\"transactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleText($event)\"\n (cancelClick)=\"closeTransactionArticleText($event)\"\n ></co-transaction-article-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":62,"character":17},"member":"None"}}]}],"members":{"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"alignDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"waitingForUserAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"sidePanelButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":3},"arguments":["class.co-transaction-line-action-buttons"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵd"}]}],"ngOnInit":[{"__symbolic":"method"}],"handleShowHideClick":[{"__symbolic":"method"}],"handleTransactionArticleTextOverview":[{"__symbolic":"method"}],"handleTransactionArticleText":[{"__symbolic":"method"}],"handleShowSidePanel":[{"__symbolic":"method"}],"showOverviewButton":[{"__symbolic":"method"}],"showAddTextButton":[{"__symbolic":"method"}],"showSidebarButton":[{"__symbolic":"method"}],"saveTransactionArticleLineText":[{"__symbolic":"method"}],"closeTransactionArticleText":[{"__symbolic":"method"}],"closeTransactionArticleTextOverview":[{"__symbolic":"method"}],"showArticleTextDialog":[{"__symbolic":"method"}],"_hideArticleTextDialog":[{"__symbolic":"method"}],"_showArticleTextOverviewDialog":[{"__symbolic":"method"}],"_hideArticleTextOverviewDialog":[{"__symbolic":"method"}]}},"ɵbr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵbs"}],"exports":[{"__symbolic":"reference","name":"ɵbs"}]}]}],"members":{}},"ɵbs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-editable-label","template":"\n <span *ngIf=\"!editMode || readonly\" [textContent]=\"model\"></span>\n <co-input-text *ngIf=\"editMode && !readonly\"\n class=\"custom-height\"\n [model]=\"editModel\"\n [showSaveCancel]=\"commit\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"inputComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":18,"character":13}]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"editModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"commit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"editModelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["class.co-editable-label"]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":57,"character":3},"arguments":["click",["$event"]]}]}]}},"ɵbt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbu"}],"exports":[{"__symbolic":"reference","name":"ɵbu"}]}]}],"members":{}},"ɵbu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-price","template":"\n <span *ngIf=\"(!editMode || readonly) && !defaultEditMode\" [textContent]=\"transactionLine.price | coCurrency\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [placeholder]=\"showLabel ? ('PRICE' | localize) : ''\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.price\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":21,"character":30}}]}]}],"showLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"defaultEditMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":47,"character":3},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitPrice":[{"__symbolic":"method"}],"transactionLineSet":[{"__symbolic":"method"}]}},"ɵbv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1}}],"members":{"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"transactionLineSet":[{"__symbolic":"method"}]}},"ɵbw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"}]}],"retrieveLineImage":[{"__symbolic":"method"}],"getArticleImageByArticleNumber":[{"__symbolic":"method"}],"getArticleImageByGoodId":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵbx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"ɵby"}],"exports":[{"__symbolic":"reference","name":"ɵby"}]}]}],"members":{}},"ɵby":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-avatar","template":"\n <co-image-display [model]=\"image\" *ngIf=\"image; else showInitials\"></co-image-display>\n <ng-template #showInitials>\n <svg viewBox=\"0 0 30 30\">\n <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ relation?.displayInitials }}</text>\n </svg>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"}}]}],"members":{"relationId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class.co-avatar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵbz"}]}],"_getRelation":[{"__symbolic":"method"}]}},"ɵbz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵca"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"selectDocsByTableKey":[{"__symbolic":"method"}],"getDocumentContent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵca":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"connect":[{"__symbolic":"method"}],"selectDocsByTableKey":[{"__symbolic":"method"}],"getDocumentContent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵcb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵbd"}],"declarations":[{"__symbolic":"reference","name":"ɵcc"}],"exports":[{"__symbolic":"reference","name":"ɵcc"}]}]}],"members":{}},"ɵcc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-delivery-type-tile","template":"\n <co-tile [selected]=\"selected\" (selectedChange)=\"selectedChange.emit(method)\">\n <div class=\"delivery-type-content-wrapper\">\n <div class=\"delivery-type-title\" [textContent]=\"method.description\"></div>\n <div class=\"delivery-type-icon\">\n<!--\n <icon [icon]=\"method.icon\"></icon>\n-->\n </div>\n <div *ngIf=\"method.factor\" class=\"delivery-type-price\" [textContent]=\"method.factor | priceDisplay\"></div>\n </div>\n </co-tile>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"}}]}],"members":{"method":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["class.co-delivery-type-tile"]}]}]}},"ɵcd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵce"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/sharedcomponents","name":"KeyPadModule","line":17,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":18,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":19,"character":8},{"__symbolic":"reference","name":"ɵcg"}],"declarations":[{"__symbolic":"reference","name":"ɵcj"}],"exports":[{"__symbolic":"reference","name":"ɵcj"}]}]}],"members":{}},"ɵce":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵcf"}],"exports":[{"__symbolic":"reference","name":"ɵcf"}]}]}],"members":{}},"ɵcf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-payment-tile","template":"\n <co-tile [selected]=\"selected\" (selectedChange)=\"selectedChange.emit($event)\">\n <div class=\"payment-tile-wrapper\">\n <icon *ngIf=\"icon\" class=\"payment-tile-icon\" [icon]=\"icon\"></icon>\n <img *ngIf=\"image\" class=\"payment-tile-image\" [src]=\"image\"/>\n <span class=\"payment-tile-description\" [textContent]=\"description | localize\"></span>\n </div>\n </co-tile>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class.co-payment-tile"]}]}]}},"ɵcg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"ɵch"}],"exports":[{"__symbolic":"reference","name":"ɵch"}]}]}],"members":{}},"ɵch":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-payment-qr-code","template":"\n <div class=\"payment-qr-code-wrapper\">\n <transaction-loader *ngIf=\"!qrCodeImage\"></transaction-loader>\n <img *ngIf=\"qrCodeImage\" [src]=\"qrCodeImage\"/>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"}}]}],"members":{"transactionUuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"amount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"paymentMethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["class.co-payment-qr-code"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵci"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"_dataUriToBase64":[{"__symbolic":"method"}]}},"ɵci":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"}]}],"createOutstandingEntry":[{"__symbolic":"method"}],"registerSalesOrderPayment":[{"__symbolic":"method"}],"createIonePaymentLinkAndQRCode":[{"__symbolic":"method"}],"getPaymentMethods":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵcj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-payment","template":"\n <div class=\"payment-wrapper\">\n <div class=\"payment-methods-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT_A' | localize\"></span>\n <span class=\"payment-header-title extra\" [textContent]=\"'FREE' | localize:false\"></span>\n <span class=\"payment-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize:false\"></span>\n </div>\n <div class=\"payment-methods\">\n <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n [image]=\"paymentMethod.image\"\n [description]=\"paymentMethod.payment.description\"\n [selected]=\"paymentMethodIdx === index\"\n (selectedChange)=\"paymentMethodSelected(paymentMethod.payment, index)\"\n ></co-payment-tile>\n </div>\n <div class=\"payment-cash-register-wrapper\" *ngIf=\"showCashRegisters\">\n <div class=\"payment-cash-register-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT_CASH_REGISTER' | localize\"></span>\n </div>\n <div class=\"payment-methods\">\n <co-payment-tile *ngFor=\"let cashRegister of cashRegisters; let index = index\"\n [icon]=\"cashRegister.icon\"\n [description]=\"cashRegister.description\"\n [selected]=\"cashRegisterIdx === index\"\n (selectedChange)=\"cashRegisterSelected(cashRegister, index)\"\n ></co-payment-tile>\n </div>\n </div>\n <div class=\"payment-to-pay-wrapper\">\n <div class=\"payment-to-pay\">\n <div [textContent]=\"'TO_PAY' | localize\"></div>\n <div class=\"payment-amount\" [textContent]=\"amount | priceDisplay\"></div>\n </div>\n <div class=\"payment-to-pay-button\">\n <co-button [label]=\"'PAY' | localize\" (click)=\"handlePayment()\"></co-button>\n </div>\n <co-key-pad class=\"payment-to-pay-keypad\"\n [showValue]=\"false\"\n [emitModelChangeOnEnter]=\"false\"\n [model]=\"amount\"\n (modelChange)=\"handleKeyPadModelChange($event)\"\n (enterClick)=\"handlePayment()\"\n ></co-key-pad>\n </div>\n </div>\n <co-dialog *ngIf=\"showPspQrCode\" (closeClick)=\"showPspQrCode = false\">\n <co-payment-qr-code\n [transactionUuid]=\"transactionUuid\"\n [amount]=\"amount\"\n [paymentMethod]=\"currentPaymentMethod.code\"\n ></co-payment-qr-code>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":65,"character":17},"member":"None"}}]}],"members":{"transactionUuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"amount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"currencyId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":3},"arguments":["class.co-payment"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵci"}]}],"ngOnInit":[{"__symbolic":"method"}],"paymentMethodSelected":[{"__symbolic":"method"}],"cashRegisterSelected":[{"__symbolic":"method"}],"handlePayment":[{"__symbolic":"method"}],"handleKeyPadModelChange":[{"__symbolic":"method"}],"_prepareCashRegisters":[{"__symbolic":"method"}],"_getCashRegisters":[{"__symbolic":"method"}],"_getPaymentMethods":[{"__symbolic":"method"}]}},"ɵck":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"co-checkout-overview-relation-edit","template":"\n <div class=\"relation-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span>01</span>\n <span class=\"label\" [textContent]=\"'PERSONAL_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-radio-button class=\"default-width\"\n [name]=\"'type'\"\n [label]=\"'PRIVATE_PERSON' | localize\"\n [value]=\"relType.Private\"\n [checked]=\"relation.type === relType.Private\"\n (modelChange)=\"changeRelationType(relType.Private)\"\n ></co-input-radio-button>\n <co-input-radio-button class=\"default-width\"\n [name]=\"'type'\"\n [label]=\"'COMPANY' | localize\"\n [value]=\"relType.Company\"\n [(model)]=\"relation.type\"\n [checked]=\"relation.type === relType.Company\"\n (modelChange)=\"changeRelationType(relType.Company)\"\n ></co-input-radio-button>\n </div>\n <div class=\"checkout-data-row\">\n <relation-customer-groups [(model)]=\"relation.customerGroup\" required></relation-customer-groups>\n </div>\n <div *ngIf=\"relation.type === relType.Private\" class=\"collapseable\" @showHidePrivateRelationFields>\n <div class=\"checkout-data-row\">\n <co-input-text\n class=\"checkout-first-name\"\n [(model)]=\"relation.firstName\"\n [placeholder]=\"'FIRST_NAME' | localize\"\n (modelChange)=\"firstNameChange($event)\"\n (blur)=\"checkVisibilitySuggestions()\"\n [required]=\"true\"\n ></co-input-text>\n <co-input-text\n class=\"checkout-prefix-name default-width\"\n [(model)]=\"relation.prefix\"\n [placeholder]=\"'PREFIX' | localize\"\n ></co-input-text>\n <co-input-text\n class=\"checkout-last-name\"\n [(model)]=\"relation.familyName\"\n [placeholder]=\"'LAST_NAME' | localize\"\n (modelChange)=\"familyNameChange($event)\"\n (blur)=\"checkVisibilitySuggestions()\"\n [required]=\"true\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-radio-button class=\"default-width\"\n [name]=\"'gender'\"\n [label]=\"'MALE' | localize\"\n [value]=\"genderType.Male\"\n [checked]=\"relation.gender === genderType.Male\"\n (modelChange)=\"changeGenderType(genderType.Male)\"\n ></co-input-radio-button>\n <co-input-radio-button class=\"default-width\"\n [name]=\"'gender'\"\n [label]=\"'FEMALE' | localize \"\n [value]=\"genderType.Female\"\n [checked]=\"relation.gender === genderType.Female\"\n (modelChange)=\"changeGenderType(genderType.Female)\"\n ></co-input-radio-button>\n <co-input-radio-button class=\"default-width\"\n [name]=\"'gender'\"\n [label]=\"'UNKNOWN' | localize\"\n [value]=\"genderType.Unspecified\"\n [checked]=\"relation.gender === genderType.Unspecified\"\n (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n ></co-input-radio-button>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\" [required]=\"true\"></co-input-date>\n </div>\n </div>\n <div *ngIf=\"relation?.type === relType.Company\" class=\"checkout-data-row collapseable\" @showHideCompanyRelationFields>\n <co-input-text [(model)]=\"relation.familyName\" [placeholder]=\"'COMPANY_NAME' | localize\" [required]=\"true\"></co-input-text>\n </div>\n <co-relation-address [address]=\"editFirstAddress\" [showButtons]=\"false\"></co-relation-address>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-carousel-3d *ngIf=\"relation.addresses && relation.addresses.length > 1\"\n [tileWidth]=\"200\"\n [tileHeight]=\"100\"\n [selectedIndex]=\"deliveryAddressIdx\"\n (indexSelected)=\"setIndexDeliveryAddress($event)\">\n <co-relation-address-tile #carouselItem *ngFor=\"let address of relation.addresses; let index = index\"\n [address]=\"address\"\n [selected]=\"deliveryAddressIdx === index\"\n (editAddressClicked)=\"editAddress($event)\"\n ></co-relation-address-tile>\n </co-carousel-3d>\n </div>\n <div class=\"checkout-data-row\">\n <div class=\"relation-address-new\">\n <icon class=\"relation-address-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'ADDRESS_ADD' | localize\" (click)=\"showNewAddressDialog()\"></div>\n </div>\n </div>\n </div>\n\n <div class=\"checkout-label-column\">\n <span>02</span>\n <span class=\"label\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-checkbox [(model)]=\"invoiceAddressSameAsDeliveryAddress\" (modelChange)=\"checkSameAddress($event)\" [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n </div>\n <div class=\"overview-delivery-invoice-address\" *ngIf=\"!invoiceAddressSameAsDeliveryAddress\" @showHideInvoiceAddress>\n <div class=\"checkout-data-row\">\n <co-carousel-3d *ngIf=\"relation.addresses && relation.addresses.length > 1\"\n [tileWidth]=\"200\"\n [tileHeight]=\"100\"\n [selectedIndex]=\"invoiceAddressIdx\"\n (indexSelected)=\"setIndexInvoiceAddress($event)\">\n <co-relation-address-tile #carouselItem *ngFor=\"let address of relation.addresses; let index = index\"\n [address]=\"address\"\n [selected]=\"invoiceAddressIdx === index\"\n (editAddressClicked)=\"editAddress($event)\"\n ></co-relation-address-tile>\n </co-carousel-3d>\n </div>\n <div class=\"checkout-data-row\">\n <div class=\"relation-address-new\">\n <icon class=\"relation-address-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'ADDRESS_ADD' | localize\" (click)=\"showNewAddressDialog()\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"checkout-label-column\">\n <span>03</span>\n <span class=\"label\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-text [(model)]=\"phoneNumber.value\" [placeholder]=\"'PHONE_NO' | localize \" [required]=\"true\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [(model)]=\"emailAddress.value\" [placeholder]=\"'EMAIL_ADDRESS' | localize \" [type]=\"'email'\" [required]=\"true\"></co-input-text>\n </div>\n<!--\n </div>\n <div class=\"checkout-label-column\">\n <span>04</span>\n <span class=\"label\" [textContent]=\"'PASSWORD' | localize\"></span>\n <span class=\"label-description\" [textContent]=\"'ACCOUNT_EXPLANATION' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n-->\n <div class=\"checkout-data-row\">\n <co-input-checkbox [label]=\"'INVITE_TO_ACCOUNT' | localize\" [(model)]=\"inviteToAccount\"></co-input-checkbox>\n </div>\n </div>\n <div class=\"checkout-label-column\">\n <span>04</span>\n <span class=\"label\" [textContent]=\"'PRIVACY_PREFERENCES' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"two-column-grid\">\n <ng-container *ngFor=\"let privacySetting of privacySettings\">\n <co-input-checkbox class=\"first-column\"\n [label]=\"privacySetting.description\"\n [model]=\"isShared(privacySetting)\"\n (modelChange)=\"changePrivacySetting(privacySetting, $event)\"\n ></co-input-checkbox>\n <span class=\"second-column\" [textContent]=\"privacySetting.explanation\"></span>\n </ng-container>\n </div>\n </div>\n </div>\n </co-form>\n </div>\n <div class=\"suggestions-sidebar\" *ngIf=\"showRelationSidebar\" @showHideSidebar>\n <div class=\"relation-sidebar-header\">\n <label class=\"checkout-label-h3\" [textContent]=\"'SUGGESTIONS' | localize\"></label>\n </div>\n <co-checkout-relation-suggestions-list\n [suggestions]=\"relationSuggestions\"\n (suggestionSelected)=\"onRelationSuggestionClick($event)\"\n ></co-checkout-relation-suggestions-list>\n </div>\n <co-dialog *ngIf=\"showCreateAddressDialog\">\n <co-relation-address\n (saveClick)=\"saveNewAddress($event)\"\n (cancelClick)=\"showCreateAddressDialog = false\"\n ></co-relation-address>\n </co-dialog>\n <co-dialog *ngIf=\"showSelectAddressDialog && addressToEdit\">\n <co-relation-address\n [address]=\"addressToEdit\"\n (saveClick)=\"saveAddress($event)\"\n (cancelClick)=\"showSelectAddressDialog = false\"\n ></co-relation-address>\n </co-dialog>\n ","providers":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":230,"character":4}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":233,"character":4},"arguments":["showHidePrivateRelationFields",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":234,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":234,"character":20},"arguments":[{"height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":235,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":235,"character":17},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":236,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":236,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":237,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":237,"character":30},"arguments":["200ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":239,"character":4},"arguments":["showHideCompanyRelationFields",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":240,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":240,"character":20},"arguments":[{"height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":241,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":241,"character":17},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":242,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":242,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":243,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":243,"character":30},"arguments":["200ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":245,"character":4},"arguments":["showHideSidebar",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":246,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":246,"character":20},"arguments":[{"transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":247,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":247,"character":17},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":248,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":248,"character":31},"arguments":["200ms ease-in-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":250,"character":4},"arguments":["showHideInvoiceAddress",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":251,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":251,"character":20},"arguments":[{"height":0,"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":252,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":252,"character":17},"arguments":[{"height":"*","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":253,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":253,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":254,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":254,"character":30},"arguments":["200ms ease-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":257,"character":17},"member":"None"}}]}],"members":{"relationForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":262,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormComponent","line":262,"character":13},{"static":true}]}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":265,"character":3}}]}],"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":273,"character":3}}]}],"invalidSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":276,"character":3}}]}],"relationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":279,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":282,"character":3},"arguments":["class.co-checkout-overview-relation-edit"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":345,"character":25},{"__symbolic":"reference","name":"ɵbh"}]}],"ngOnInit":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"showNewAddressDialog":[{"__symbolic":"method"}],"showEditAddressDialog":[{"__symbolic":"method"}],"setIndexDeliveryAddress":[{"__symbolic":"method"}],"setIndexInvoiceAddress":[{"__symbolic":"method"}],"editAddress":[{"__symbolic":"method"}],"checkSameAddress":[{"__symbolic":"method"}],"saveNewAddress":[{"__symbolic":"method"}],"saveAddress":[{"__symbolic":"method"}],"selectAddress":[{"__symbolic":"method"}],"preparePrimaryEmail":[{"__symbolic":"method"}],"preparePrimaryPhone":[{"__symbolic":"method"}],"loadPrivacySettings":[{"__symbolic":"method"}],"loadMarketing":[{"__symbolic":"method"}],"isShared":[{"__symbolic":"method"}],"changeRelationType":[{"__symbolic":"method"}],"changeGenderType":[{"__symbolic":"method"}],"firstNameChange":[{"__symbolic":"method"}],"familyNameChange":[{"__symbolic":"method"}],"checkVisibilitySuggestions":[{"__symbolic":"method"}],"onRelationSuggestionClick":[{"__symbolic":"method"}],"changePrivacySetting":[{"__symbolic":"method"}],"showSidebar":[{"__symbolic":"method"}],"hideSidebar":[{"__symbolic":"method"}],"_initForm":[{"__symbolic":"method"}],"_relationNameChangedHandlerFn":[{"__symbolic":"method"}],"_setCountryNameToAddress":[{"__symbolic":"method"}]}},"ɵcl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"co-checkout-overview-delivery-edit","template":"\n <div class=\"delivery-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>01</span>\n <span class=\"label\" [textContent]=\"'DELIVERY_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-carousel-3d [tileWidth]=\"200\"\n [tileHeight]=\"100\"\n [selectedIndex]=\"deliveryTypeIdx\"\n (indexSelected)=\"setIndexDeliveryType($event)\">\n <co-delivery-type-tile #carouselItem *ngFor=\"let method of deliveryMethods; let index = index\"\n [method]=\"method\"\n [selected]=\"deliveryTypeIdx === index\"\n (selectedChange)=\"handleDeliveryMethodChange($event)\"\n ></co-delivery-type-tile>\n </co-carousel-3d>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [placeholder]=\"'DELIVERY_DATE' | localize\" [required]=\"true\"></co-input-date>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [placeholder]=\"'PREFERRED_DATE' | localize\"></co-input-date>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-checkbox [label]=\"'PART_DELIVERIES' | localize\"></co-input-checkbox>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_DELIVERY_OPTION' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-input-listbox\n [placeholder]=\"'DELIVERY_OPTIONS' | localize\"\n [collection]=\"deliveryOptions\"\n [fields]=\"deliveryOptionFields\"\n [showCheckbox]=\"true\"\n ></co-input-listbox>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_REMARK' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-input-textarea [placeholder]=\"'REMARKS' | localize\"></co-input-textarea>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_REFERENCE' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-input-text [placeholder]=\"'REFERENCE' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [placeholder]=\"'REFERENCE_RELATION' | localize\"></co-input-text>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'ASSEMBLY_DATE' | localize\"></co-input-date>\n </div>\n </div>\n </div>\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>02</span>\n <span class=\"label\" [textContent]=\"'DOWNPAYMENT' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></co-input-text>\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_AMOUNT' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_BY_BR' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_ON_DELIVERY' | localize\"></co-input-text>\n </div>\n </div>\n </div>\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>03</span>\n <span class=\"label\" [textContent]=\"'ORDER_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-checkbox [model]=\"transactionDefinitive\" (modelChange)=\"handleTransactionDefinitive($event)\" [label]=\"'ORDER_DEFINITIVE' | localize\"></co-input-checkbox>\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'BRANCH' | localize\"></co-input-text>\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'ADMINISTRATIVE_MANAGER' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-drop-down-list\n [collection]=\"marketing\"\n [fields]=\"marketingFields\"\n [placeholder]=\"'MARKETING' | localize\"></co-drop-down-list>\n </div>\n <div class=\"checkout-data-row\">\n </div>\n <div class=\"checkout-data-row\">\n </div>\n </div>\n </div>\n </div>\n </co-form>\n </div>\n ","providers":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":130,"character":4}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":133,"character":4},"arguments":["showHideInvoiceAddress",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":134,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":134,"character":20},"arguments":[{"height":0,"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":135,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":135,"character":17},"arguments":[{"height":"*","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":136,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":136,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":137,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":137,"character":30},"arguments":["200ms ease-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":140,"character":17},"member":"None"}}]}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3}}]}],"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":151,"character":3}}]}],"invalidSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":154,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":157,"character":3},"arguments":["class.co-checkout-overview-delivery-edit"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":222,"character":32},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵv"}]}],"ngOnInit":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"handleDeliveryMethodChange":[{"__symbolic":"method"}],"setIndexDeliveryType":[{"__symbolic":"method"}],"selectDeliveryOptionsByDeliveryMethod":[{"__symbolic":"method"}],"selectDeliveryMethodById":[{"__symbolic":"method"}],"isDeliveryOptionChecked":[{"__symbolic":"method"}],"changePreferredDeliveryDate2":[{"__symbolic":"method"}],"onMarketingCodeChange":[{"__symbolic":"method"}],"onChangeLocationCancelClick":[{"__symbolic":"method"}],"handleTransactionDefinitive":[{"__symbolic":"method"}],"calculateDeliveryCosts":[{"__symbolic":"method"}],"calculateAssemblyCosts":[{"__symbolic":"method"}]}},"ɵcm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"checkout-overview-delivery-address","template":"\n <div>\n <div>\n <label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n\n <div (click)=\"onClick()\">\n <div>\n {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}\n </div>\n <div>\n {{ address?.postalCode }} {{ address?.city}}\n </div>\n <div>\n {{ address?.countryName }}\n </div>\n </div>\n </div>\n ","styles":[""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"editRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"onClick":[{"__symbolic":"method"}]}},"ɵcn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-checkout-relation-suggestions-list","template":"\n <div class=\"flex-column items-wrapper\">\n <co-checkout-relation-suggestions-list-item *ngFor=\"let suggestion of suggestions\" [suggestion]=\"suggestion\"\n (selectionSelected)=\"suggestionSelected.emit($event)\"></co-checkout-relation-suggestions-list-item>\n <span *ngIf=\"suggestions?.length === 0\" class=\"no-results\" localize=\"NO_RESULTS_FOUND\"></span>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"}}]}],"members":{"suggestions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"suggestionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":3},"arguments":["class.co-checkout-relation-suggestions-list"]}]}]}},"ɵco":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-checkout-relation-suggestions-list-item","template":"\n <div class=\"name medium-big-font\" *ngIf=\"suggestion.displayName as displayName\" [textContent]=\"displayName\"></div>\n <div class=\"email\" *ngIf=\"suggestion.email\" [textContent]=\"suggestion.email\"></div>\n <div class=\"address\" *ngIf=\"suggestion.displayAddress as address\" [textContent]=\"address\"></div>\n <div class=\"phone\" *ngIf=\"suggestion.tel1\" [textContent]=\"suggestion.tel1\"></div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"}}]}],"members":{"suggestion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"selectionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["class.co-checkout-relation-suggestions-list-item"]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":25,"character":3},"arguments":["click",["$event"]]}]}]}},"ɵcp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"checkout-login","template":"\n <h1>{{ \"LOGIN\" | localize}}</h1>\n <div class=\"users\">\n <co-form #loginForm (validSubmit)=\"login()\">\n <div class=\"existing-user\">\n <p><strong>{{ \"EXISTING_CUSTOMERS\" | localize }}</strong></p>\n <co-input-text\n [(model)]=\"userEmailAddress\"\n [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n [type]=\"'email'\"\n required\n ></co-input-text>\n\n <co-input-text\n [(model)]=\"userPassword\"\n [placeholder]=\"'PASSWORD' | localize \"\n [type]=\"'password'\"\n required\n ></co-input-text>\n <div class=\"login-button\">\n <co-button\n [label]=\"'LOGIN' | localize\" (click)=\"submit()\"\n ></co-button>\n </div>\n </div>\n </co-form>\n\n <co-form #accountForm (validSubmit)=\"accountLogin()\">\n <div class=\"new-user\">\n <p class=\"boxedbottom\">\n <strong>{{ \"NEW_AT\" | localize}}{{company}}</strong>\n <br/>{{ \"CREATE_ACCOUNT_IN_2_MIN\" | localize }}\n </p>\n <div class=\"new-user-e-mail\">\n <co-input-text\n [(model)]=\"userNewEmailAddress\"\n [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n [type]=\"'email'\"\n required\n ></co-input-text>\n </div>\n <div class=\"login-button\">\n <co-button\n [label]=\"'CREATE_ACCOUNT' | localize\"\n (click)=\"createAccountSubmit()\"\n ></co-button>\n <co-button\n [label]=\"'CONTINUE_WITHOUT_ACCOUNT' | localize\"\n (click)=\"continueSubmit()\"\n ></co-button>\n </div>\n </div>\n </co-form>\n </div>\n ","styles":[".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]}]}],"members":{"loginForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["loginForm"]}]}],"accountForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["accountForm"]}]}],"createNewAccountSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"continueWithoutSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"loginSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"createAccountSubmit":[{"__symbolic":"method"}],"continueSubmit":[{"__symbolic":"method"}],"accountLogin":[{"__symbolic":"method"}]}},"ɵcq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"TransactionHeaderRelationModule"},{"__symbolic":"reference","name":"TransactionHeaderDeliveryModule"},{"__symbolic":"reference","name":"TransactionHeaderOrderModule"},{"__symbolic":"reference","name":"ɵcu"}],"declarations":[{"__symbolic":"reference","name":"ɵcw"}],"exports":[{"__symbolic":"reference","name":"ɵcw"}]}]}],"members":{}},"ɵcr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵcs"}],"exports":[{"__symbolic":"reference","name":"ɵcs"}]}]}],"members":{}},"ɵcs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-transaction-header-block","template":"\n <div class=\"transaction-header-block-header\">\n <ng-container [ngTemplateOutlet]=\"headerBlockTemplate\"></ng-container>\n </div>\n <div class=\"transaction-header-block-content\">\n <div class=\"transaction-header-block-content-first\" *ngIf=\"firstBlockTemplate\">\n <ng-container [ngTemplateOutlet]=\"firstBlockTemplate\"></ng-container>\n </div>\n <div class=\"transaction-header-block-divider\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\"></div>\n <div class=\"transaction-header-block-content-second\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\">\n <ng-container [ngTemplateOutlet]=\"secondBlockTemplate\"></ng-container>\n </div>\n <div class=\"transaction-header-block-divider\" *ngIf=\"thirdBlockTemplate\"></div>\n <div class=\"transaction-header-block-content-third\" *ngIf=\"thirdBlockTemplate\">\n <ng-container [ngTemplateOutlet]=\"thirdBlockTemplate\"></ng-container>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":22,"character":17},"member":"None"}}]}],"members":{"headerBlockTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"firstBlockTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"secondBlockTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"thirdBlockTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":3},"arguments":["class.co-transaction-header-block"]}]}]}},"ɵct":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1}}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"relationId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"customerId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"transactionSet":[{"__symbolic":"method"}],"_retrieveCustomer":[{"__symbolic":"method"}],"_retrieveRelation":[{"__symbolic":"method"}]}},"ɵcu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","name":"ɵcr"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":14,"character":8},{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":16,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵcv"}],"exports":[{"__symbolic":"reference","name":"ɵcv"}]}]}],"members":{}},"ɵcv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-header-payment","template":"\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n <div class=\"header-block-balance\" (click)=\"openPayment()\">\n <co-icon class=\"payment-icon\" [iconData]=\"iconService.getIcon(icons.CreditCardSolid)\"></co-icon>\n <span class=\"payment-paid\" [textContent]=\"200 | priceDisplay\"></span>\n <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n <span class=\"payment-to-pay\" [textContent]=\"100 | priceDisplay\"></span>\n </div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n <div class=\"header-downpayment-percentage\" [textContent]=\"'NOT_IMPLEMENTED'\"></div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n <div class=\"header-downpayment\" [textContent]=\"'NOT_IMPLEMENTED'\"></div>\n </ng-template>\n <co-dialog class=\"payment-dialog\" *ngIf=\"showPaymentDialog\"\n [modal]=\"true\"\n (closeClick)=\"showPaymentDialog = false\"\n >\n <co-payment\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"transactionTotal.netAmount\"\n [currencyId]=\"transactionInfo.currencyId\"\n ></co-payment>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":43,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":3},"arguments":["class.co-transaction-header-payment"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"openPayment":[{"__symbolic":"method"}]}},"ɵcw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-header","template":"\n <div class=\"transaction-header-wrapper\">\n <co-transaction-header-relation [relationId]=\"relationId\"></co-transaction-header-relation>\n <co-transaction-header-order [transaction]=\"transaction\"></co-transaction-header-order>\n <co-transaction-header-payment [transaction]=\"transaction\"></co-transaction-header-payment>\n <co-transaction-header-delivery [transaction]=\"transaction\"></co-transaction-header-delivery>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["class.co-transaction-header"]}]}]}},"ɵcx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":12,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":16,"character":4},{"__symbolic":"reference","name":"ɵcy"}],"declarations":[{"__symbolic":"reference","name":"ɵev"}],"exports":[{"__symbolic":"reference","name":"ɵev"}]}]}],"members":{}},"ɵcy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵcz"},{"__symbolic":"reference","name":"ɵbp"}],"declarations":[{"__symbolic":"reference","name":"ɵet"}],"exports":[{"__symbolic":"reference","name":"ɵet"}]}]}],"members":{}},"ɵcz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵda"},{"__symbolic":"reference","name":"ɵea"},{"__symbolic":"reference","name":"ɵeg"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":24,"character":4},{"__symbolic":"reference","name":"ɵej"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":26,"character":4},{"__symbolic":"reference","name":"TransactionConfirmationHistoryModule"},{"__symbolic":"reference","name":"ɵen"},{"__symbolic":"reference","name":"TransactionConfirmationHistoryModule"},{"__symbolic":"reference","name":"TransactionConfirmationDetailsModule"}],"declarations":[{"__symbolic":"reference","name":"ɵes"}],"exports":[{"__symbolic":"reference","name":"ɵes"}]}]}],"members":{}},"ɵda":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":25,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CollapsibleModule","line":26,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":27,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":28,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":29,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":30,"character":4},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵdb"},{"__symbolic":"reference","name":"ɵdd"},{"__symbolic":"reference","name":"ɵdf"},{"__symbolic":"reference","name":"ɵdh"},{"__symbolic":"reference","name":"ɵdj"},{"__symbolic":"reference","name":"ɵdl"},{"__symbolic":"reference","name":"ɵdn"},{"__symbolic":"reference","name":"ɵdp"},{"__symbolic":"reference","name":"ɵdr"},{"__symbolic":"reference","name":"ɵdt"},{"__symbolic":"reference","name":"ɵdv"},{"__symbolic":"reference","name":"ɵdx"}],"declarations":[{"__symbolic":"reference","name":"ɵdz"}],"exports":[{"__symbolic":"reference","name":"ɵdz"}]}]}],"members":{}},"ɵdb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdc"}],"exports":[{"__symbolic":"reference","name":"ɵdc"}]}]}],"members":{}},"ɵdc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-price-list","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'PRICE_LIST' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.priceListCode\"\n (modelChange)=\"commitPriceList($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitPriceList":[{"__symbolic":"method"}]}},"ɵdd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵde"}],"exports":[{"__symbolic":"reference","name":"ɵde"}]}]}],"members":{}},"ɵde":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-vat","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'VAT' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.vatId\"\n (modelChange)=\"commitVat($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitVat":[{"__symbolic":"method"}]}},"ɵdf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdg"}],"exports":[{"__symbolic":"reference","name":"ɵdg"}]}]}],"members":{}},"ɵdg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-line-quantity","template":"\n <co-input-number-picker [label]=\"'AMOUNT' | localize\" [(model)]=\"transactionLine.amount\" [readonly]=\"readonly\"></co-input-number-picker>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitQuantity":[{"__symbolic":"method"}]}},"ɵdh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵdi"}],"exports":[{"__symbolic":"reference","name":"ɵdi"}]}]}],"members":{}},"ɵdi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-line-discount","template":"\n <co-input-text #input\n [placeholder]=\"'DISCOUNT_PERCENTAGE' | localize\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.lineDiscount\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":20,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDiscount":[{"__symbolic":"method"}]}},"ɵdj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdk"}],"exports":[{"__symbolic":"reference","name":"ɵdk"}]}]}],"members":{}},"ɵdk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-delivery-method","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'DELIVERY_METHOD' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n (modelChange)=\"commitDeliveryMethod($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitDeliveryMethod":[{"__symbolic":"method"}]}},"ɵdl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdm"}],"exports":[{"__symbolic":"reference","name":"ɵdm"}]}]}],"members":{}},"ɵdm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-line-delivery-date","template":"\n <co-input-date\n [placeholder]=\"'DELIVERY_DATE' | localize\"\n [model]=\"transactionLine.deliveryDate\"\n [readonly]=\"readonly\"\n (modelChange)=\"commitDeliveryDate($event)\"\n ></co-input-date>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDeliveryDate":[{"__symbolic":"method"}]}},"ɵdn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵdo"}],"exports":[{"__symbolic":"reference","name":"ɵdo"}]}]}],"members":{}},"ɵdo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-reference","template":"\n <co-input-text #input\n [placeholder]=\"'REFERENCE' | localize\"\n [type]=\"'text'\"\n [readonly]=\"readonly\"\n [showSaveCancel]=\"true\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":18,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitReference":[{"__symbolic":"method"}]}},"ɵdp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdq"}],"exports":[{"__symbolic":"reference","name":"ɵdq"}]}]}],"members":{}},"ɵdq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-commission-code","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'COMMISSION_CODE' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.commissionCode\"\n (modelChange)=\"commitCommissionCode($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitCommissionCode":[{"__symbolic":"method"}]}},"ɵdr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵds"}],"exports":[{"__symbolic":"reference","name":"ɵds"}]}]}],"members":{}},"ɵds":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-warehouse","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'WAREHOUSE' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.warehouseNumber\"\n (modelChange)=\"commitWarehouse($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitWarehouse":[{"__symbolic":"method"}]}},"ɵdt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdu"}],"exports":[{"__symbolic":"reference","name":"ɵdu"}]}]}],"members":{}},"ɵdu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-discount-amount","template":"\n <co-input-text #input\n [placeholder]=\"'DISCOUNT_AMOUNT' | localize\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.discountAmount\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":20,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDiscount":[{"__symbolic":"method"}]}},"ɵdv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵdw"}],"exports":[{"__symbolic":"reference","name":"ɵdw"}]}]}],"members":{}},"ɵdw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-quantum-discount","template":"\n <co-input-text #input\n [placeholder]=\"'QUANTUM_DISCOUNT' | localize\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.quantumDiscount\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":20,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDiscount":[{"__symbolic":"method"}]}},"ɵdx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵdy"}],"exports":[{"__symbolic":"reference","name":"ɵdy"}]}]}],"members":{}},"ɵdy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-special-discount","template":"\n <co-input-text #input\n [placeholder]=\"'SPECIAL_DISCOUNT' | localize\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.specialDiscount\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":20,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDiscount":[{"__symbolic":"method"}]}},"ɵdz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-side-panel-default","template":"\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'PRICING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'NET_LINE_TOTAL' | localize\" [model]=\"transactionLine.netLineTotal\" [readonly]=\"true\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-quantity class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantity>\n <co-transaction-line-price class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-price>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-vat class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-vat>\n <co-transaction-line-price-list class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-price-list>\n </div>\n </div>\n </co-collapsible>\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'DISCOUNTS' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-line-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-line-discount>\n <co-transaction-line-discount-amount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-discount-amount>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-quantum-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantum-discount>\n <co-transaction-line-special-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-special-discount>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'SURCHARGE_AMOUNT' | localize\" [model]=\"transactionLine.surchargeAmount\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'BUSINESS_RULE_DISCOUNT' | localize\" [model]=\"'NIET_GEIMPLEMENTEERD'\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'LOGISTICS_AND_PLANNING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-commission-code class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-commission-code>\n <co-transaction-line-warehouse class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-warehouse>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-delivery-method class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-delivery-method>\n <co-transaction-line-delivery-date class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-delivery-date>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_COSTS' | localize\" [type]=\"'number'\" [model]=\"transactionLine.assemblyCost\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'MODIFICATION_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-combo-box class=\"side-panel-input\" [collection]=\"data\" [placeholder]=\"'SUPPLIER' | localize\" [readonly]=\"readonly\"></co-input-combo-box>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ARTICLE_NR_SUPPLIER' | localize\" [model]=\"transactionLine.articleNumber\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'IN_OUT_COLLECTION' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'OTHER' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-reference class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-reference>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ORDER_RULESET' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_DATE' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_USER' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <co-input-text [placeholder]=\"'FABRICATION_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text [placeholder]=\"'TRANSPORT_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text [placeholder]=\"'FABRICATION_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text [placeholder]=\"'TRANSPORT_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text [placeholder]=\"'CUSTOMER' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </co-collapsible>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":107,"character":17},"member":"None"}}]}],"members":{"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":122,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":125,"character":3},"arguments":["class.co-transaction-line-side-panel-default"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"handleCancelClick":[{"__symbolic":"method"}]}},"ɵea":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵeb"}],"declarations":[{"__symbolic":"reference","name":"ɵef"}],"exports":[{"__symbolic":"reference","name":"ɵef"}],"providers":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":23,"character":4}]}]}],"members":{}},"ɵeb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵec"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"GridToolbarButtonModule","line":15,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵee"}],"exports":[{"__symbolic":"reference","name":"ɵee"}]}]}],"members":{}},"ɵec":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵed"}],"exports":[{"__symbolic":"reference","name":"ɵed"}]}]}],"members":{}},"ɵed":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-history-grid-status","template":"\n <div class=\"transaction-status-indication\">\n <div #statusIndicator class=\"status-color-circle\"></div>\n <span class=\"status-text\" [textContent]=\"type[statusType] | localize\"></span>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"}}]}],"members":{"statusType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"subType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"statusIndicator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["statusIndicator",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":39}}]}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":25,"character":3},"arguments":["class.co-transaction-history-grid-status"]}]}],"_getStatusIndicatorColor":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵee":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"co-transaction-history-grid","template":"\n <div class=\"history-grid-wrapper\">\n <div class=\"delete-button-wrapper\">\n <co-grid-toolbar-button\n (buttonClick)=\"handleDeleteClick()\"\n [iconData]=\"iconsService.getIcon(icons.TrashBin)\"\n [disabled]=\"!selectedRow\"\n ></co-grid-toolbar-button>\n </div>\n <co-simple-grid [data]=\"collection\" [extraColumns]=\"extraColumns\" (selectRow)=\"handleSelectRow($event)\">\n <co-simple-grid-column [headerText]=\"'STATE' | localize\" [field]=\"'status'\" [order]=\"10\" [width]=\"150\">\n <ng-template #template let-row=\"row\">\n <co-transaction-history-grid-status [statusType]=\"row.status\" [subType]=\"row.type\"></co-transaction-history-grid-status>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [field]=\"'receiptDate'\" [order]=\"20\" [width]=\"100\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'quantity'\" [order]=\"30\" [width]=\"70\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [field]=\"'reference'\" [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'USER' | localize\" [field]=\"'username'\" [order]=\"70\"></co-simple-grid-column>\n </co-simple-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"None"}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":45,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridColumnDirective","line":45,"character":19}]}]}],"collection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"deleteSelectedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":55,"character":3},"arguments":["class.co-transaction-history-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}],"handleSelectRow":[{"__symbolic":"method"}],"handleDeleteClick":[{"__symbolic":"method"}]}},"ɵef":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"co-transaction-receiving-goods-history","template":"\n <co-transaction-history-grid\n [collection]=\"goodsReceiptHistory\"\n (deleteSelectedRow)=\"handleDeleteSelectedRow($event)\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNumber'\"\n [order]=\"40\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNumber'\"\n [order]=\"60\"></co-simple-grid-column>\n </co-transaction-history-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"}}]}],"members":{"goodsReceiptHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"reloadReceivingGoodsHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":56,"character":23}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":60,"character":3},"arguments":["class.co-transaction-receiving-goods-history"]}]}],"handleDeleteSelectedRow":[{"__symbolic":"method"}]}},"ɵeg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":18,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":19,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":22,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵeh"}],"exports":[{"__symbolic":"reference","name":"ɵeh"}]}]}],"members":{}},"ɵeh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-transaction-receiving-goods-details","template":"\n <div class=\"receipt-details-wrapper\">\n <co-form>\n <div class=\"details-header\" [textContent]=\"'RECEIPT_DETAILS' | localize | uppercase\"></div>\n <div class=\"columns-wrapper\">\n <div class=\"details-column\">\n <co-input-text class=\"details-input\"\n [max]=\"amountLeftToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || readonly\"\n [required]=\"true\"\n [type]=\"'number'\"\n [min]=\"1\"\n [placeholder]=\"'AMOUNT' | localize\"></co-input-text>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.warehouseNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"transactionLine.warehouseNumber !== undefined || readonly\"\n [disabled]=\"transactionLine.warehouseNumber !== undefined\"\n [required]=\"transactionLine.isWarehouseRequired\"\n [placeholder]=\"'WAREHOUSE' | localize\"></co-input-text>\n <co-drop-down-list class=\"details-input\"\n noTriangleGraphic\n (focus)=\"handleDropDownSelected(receiptDetails.warehouseNr)\"\n [collection]=\"locations\"\n [fields]=\"locationDropdownFields\"\n [(model)]=\"receiptDetails.locationNr\"\n [required]=\"locationRequired()\"\n [readonly]=\"receiptDetails.quantityToReceive === 0 || readonly\"\n [disabled]=\"receiptDetails.quantityToReceive === 0\"\n [placeholder]=\"'LOCATION' | localize\"\n ></co-drop-down-list>\n <co-input-text class=\"details-input\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"divider-wrapper\">\n <div class=\"divider\"></div>\n </div>\n <div class=\"details-column\">\n <co-input-date class=\"details-input\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.batchNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly\"\n [required]=\"transactionLine.isBatchNrRequired\"\n [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.serialNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly\"\n [required]=\"transactionLine.isSerialNrRequired\"\n [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n <!-- <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.refLineNr\"-->\n <!-- [placeholder]=\"'REFERENCE_ID' | localize\"></co-input-text>-->\n </div>\n </div>\n </co-form>\n\n <div class=\"save-cancel-wrapper\" *ngIf=\"!readonly\">\n <co-button class=\"button-wrapper\" [label]=\"'SAVE' | localize\" (click)=\"handleSaveDetailsEdit()\"></co-button>\n <co-button class=\"button-wrapper\" [label]=\"'CANCEL' | localize\" (click)=\"handleCancelDetailsEdit()\"></co-button>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":81,"character":17},"member":"None"}}]}],"members":{"amountLeftToReceive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"reloadReceivingGoodsHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":102,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":105,"character":3},"arguments":["class.co-transaction-receiving-goods-details"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":129,"character":25},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵei"}]}],"submit":[{"__symbolic":"method"}],"locationRequired":[{"__symbolic":"method"}],"handleSaveDetailsEdit":[{"__symbolic":"method"}],"handleCancelDetailsEdit":[{"__symbolic":"method"}],"handleDropDownSelected":[{"__symbolic":"method"}]}},"ɵei":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"getWarehouseLocations":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵej":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵek"},{"__symbolic":"reference","name":"ɵem"}],"exports":[{"__symbolic":"reference","name":"ɵek"},{"__symbolic":"reference","name":"ɵem"}]}]}],"members":{}},"ɵek":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-button-bar","template":"\n <div class=\"button-bar-wrapper\">\n <co-transaction-button-bar-button *ngFor=\"let button of buttons; let index = index\"\n [class.selected]=\"selectedCategory === button.category\"\n [title]=\"button.title\"\n [iconName]=\"button.icon\"\n (click)=\"selectCategory(index)\"\n ></co-transaction-button-bar-button>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"}}]}],"members":{"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"buttonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":3},"arguments":["class.co-transaction-button-bar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"}]}],"selectCategory":[{"__symbolic":"method"}]}},"ɵel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getButtonBar":[{"__symbolic":"method"}],"getQuickAccessComponent":[{"__symbolic":"method"}],"getTransactionGridComponent":[{"__symbolic":"method"}],"getTransactionFilterComponent":[{"__symbolic":"method"}],"getTransactionSearchGridComponent":[{"__symbolic":"method"}],"getTransactionSearchTileComponent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-button-bar-button","template":"\n <div class=\"button-wrapper\">\n <co-icon class=\"co-transaction-button-bar-icon\" [iconData]=\"iconCacheService.getIcon(iconName)\"></co-icon>\n <span class=\"button-title\" [textContent]=\"title | localize\"></span>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"}}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"iconName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"showClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["class.co-transaction-button-bar-button"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}]}},"ɵen":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","name":"TransactionConfirmationHistoryModule"},{"__symbolic":"reference","name":"ɵeg"},{"__symbolic":"reference","name":"ɵea"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":19,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵda"},{"__symbolic":"reference","name":"TransactionConfirmationDetailsModule"}],"declarations":[{"__symbolic":"reference","name":"ɵeq"}],"exports":[{"__symbolic":"reference","name":"ɵeq"}]}]}],"members":{}},"ɵeo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵep"}],"exports":[{"__symbolic":"reference","name":"ɵep"}]}]}],"members":{}},"ɵep":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-default-ok-cancel-buttons","template":"\n <co-button *ngIf=\"!hideOk\" [label]=\"okLabel\" [disabled]=\"okDisabled\" class=\"ok\" #okButton (click)=\"onOkClick($event)\"></co-button>\n <co-button *ngIf=\"!hideCancel\" label=\"CANCEL\" (click)=\"cancelClick.emit($event)\"></co-button>\n <ng-content></ng-content>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"}}]}],"members":{"okButtonComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["okButton"]}]}],"okDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"hideCancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"hideOk":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"okLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"okClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.co-default-ok-cancel-buttons"]}]}],"onOkClick":[{"__symbolic":"method"}]}},"ɵeq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"co-transaction-line-side-panel-purchase","template":"\n <ng-container [ngSwitch]=\"category\">\n <ng-container *ngSwitchCase=\"categories.PurchaseOrderOrderConfirmation\">\n <co-transaction-confirmation-details\n [transactionInfoNr]=\"transactionInfoNr\"\n [transactionLines]=\"transactionLine\"\n ></co-transaction-confirmation-details>\n <co-transaction-confirmation-history\n [transactionLines]=\"transactionLine\"\n [transactionInfoNr]=\"transactionInfoNr\"\n [transactionId]=\"transactionId\"\n ></co-transaction-confirmation-history>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"categories.PurchaseOrderReceivedGoods\">\n <co-transaction-receiving-goods-details\n [transactionId]=\"transactionId\"\n [transactionLine]=\"transactionLine\"\n [amountLeftToReceive]=\"goodsReceiptStatus.quantityToReceive\"\n (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n ></co-transaction-receiving-goods-details>\n <co-transaction-receiving-goods-history\n [transactionId]=\"transactionId\"\n [transactionLine]=\"transactionLine\"\n [goodsReceiptHistory]=\"goodsReceiptStatus.goodsReceiptHistory\"\n (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n ></co-transaction-receiving-goods-history>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <co-transaction-line-side-panel-default\n [transactionLine]=\"transactionLine\"\n ></co-transaction-line-side-panel-default>\n </ng-container>\n </ng-container>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":50,"character":17},"member":"None"}}]}],"members":{"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"category":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"transactionInfoNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"quantityToReceiveChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":3},"arguments":["class.co-transaction-line-side-panel-purchase"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵer"}]}],"getGoodsReceiptStatusWithHistory":[{"__symbolic":"method"}]}},"ɵer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"ɵes":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-line-side-panel","template":"\n <icon (click)=\"handleCancelClick($event)\" [icon]=\"icons.Cancel\" class=\"close-button\"></icon>\n <div class=\"transaction-line-side-panel-header\">\n <div class=\"transaction-line-side-panel-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.articleNumber\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.goodDescription\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.amount\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-header-item\">\n <span class=\"side-panel-header-label\"\n [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? ('TO_REPORT_IN' | localize) : ('PRICE' | localize)\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? quantityToReceive : (transactionLine.price | priceDisplay)\"></span>\n </div>\n </div>\n <div class=\"transaction-line-side-panel-nav-bar\">\n <co-transaction-button-bar\n [transactionType]=\"transactionType\"\n (buttonClicked)=\"activeCategory = $event.category\"\n ></co-transaction-button-bar>\n </div>\n <div class=\"transaction-line-side-panel-content\">\n <ng-container [ngSwitch]=\"transactionType\">\n <ng-container *ngSwitchCase=\"transactionTypes.PurchaseOrder\">\n <co-transaction-line-side-panel-purchase\n [transactionLine]=\"transactionLine\"\n [transactionId]=\"transactionId\"\n [transactionInfoNr]=\"transactionInfoNr\"\n [category]=\"activeCategory\"\n (quantityToReceiveChange)=\"quantityToReceive = $event\"\n ></co-transaction-line-side-panel-purchase>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <co-transaction-line-side-panel-purchase\n [category]=\"activeCategory\"\n ></co-transaction-line-side-panel-purchase>\n </ng-container>\n </ng-container>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":62,"character":17},"member":"None"}}]}],"members":{"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"activeCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"transactionInfoNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":87,"character":3},"arguments":["class.co-transaction-line-side-panel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵer"}]}],"handleCancelClick":[{"__symbolic":"method"}]}},"ɵet":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵeu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-base-grid","template":"\n <co-simple-grid [data]=\"transactionLines\"\n [extraColumns]=\"extraColumns\"\n [dragDropEnabled]=\"true\"\n [emitDragDrop]=\"true\"\n (onDrop)=\"handleDrop($event)\"\n (rowVisible)=\"rowVisible.next($event)\">\n <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [width]=\"300\" [order]=\"10\">\n <ng-template #template let-row = \"row\">\n <div class=\"transaction-grid-article-description\" [textContent]=\"row.goodDescription\"></div>\n <div class=\"transaction-grid-article-text\" [textContent]=\"row.articleBoundConcatenatedText\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [width]=\"150\" [order]=\"20\">\n <ng-template #template let-row = \"row\">\n <co-image-display class=\"transaction-grid-article-image\" [model]=\"row.articleImageData\"></co-image-display>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [field]=\"'articleNumber'\" [width]=\"70\" [order]=\"30\" [textAlign]=\"align.Center\">\n <ng-template #headerTemplate>\n <icon class=\"transaction-grid-header-icon\" [icon]=\"icon.BarcodeSolid\"></icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"''\" [width]=\"40\" [field]=\"'sideMenuButton'\" [order]=\"400\">\n <ng-template #template let-row = \"row\">\n <co-transaction-line-action-buttons class=\"transaction-line-action-buttons\"\n [transactionLine]=\"row\"\n (sidePanelButtonClicked)=\"openSidePanel(row)\"\n ></co-transaction-line-action-buttons>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":40,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":3},"arguments":["class.co-transaction-base-grid"]}]}]}},"ɵeu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1}}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":11,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridColumnDirective","line":11,"character":19}]}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"sidePanelClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"rowVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbw"}]}],"handleDrop":[{"__symbolic":"method"}],"openSidePanel":[{"__symbolic":"method"}],"_getImages":[{"__symbolic":"method"}]}},"ɵev":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵeu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-lines-grid","template":"\n <co-transaction-base-grid [transactionLines]=\"transactionLines\" (sidePanelClicked)=\"openSidePanel($event)\">\n <co-simple-grid-column [field]=\"'warehouseNumber'\" [width]=\"50\" [order]=\"40\" [textAlign]=\"align.Right\">\n <ng-template #headerTemplate>\n <icon class=\"transaction-grid-header-icon\" [icon]=\"icons.Warehouse\"></icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [field]=\"''\" [width]=\"50\" [order]=\"45\" [textAlign]=\"align.Right\">\n <ng-template #headerTemplate>\n <icon class=\"transaction-grid-header-icon\" [icon]=\"icons.DeliveryTruck\"></icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amount'\" [textAlign]=\"align.Right\" [width]=\"75\" [resizable]=\"false\" [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TO_DELIVER' | localize\" [textAlign]=\"align.Right\" [width]=\"75\" [resizable]=\"false\" [order]=\"60\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STATUS' | localize\" [textAlign]=\"align.Center\" [width]=\"100\" [resizable]=\"false\" [order]=\"70\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PRICE' | localize\" [textAlign]=\"align.Right\" [order]=\"80\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.price | priceDisplay\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DISCOUNT' | localize\" [textAlign]=\"align.Right\" [width]=\"100\" [resizable]=\"false\" [order]=\"90\">\n <ng-template #template let-row = \"row\">\n <div class=\"transaction-lines-grid-line-label\" [textContent]=\"row.lineTotalDiscountAmount | priceDisplay\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUBTOTAL' | localize\" [textAlign]=\"align.Right\" [width]=\"100\" [resizable]=\"false\" [order]=\"100\">\n <ng-template #template let-row = \"row\">\n <div class=\"transaction-lines-grid-line-label\" [textContent]=\"row.lineTotalDiscountAmount | priceDisplay\"></div>\n <div [textContent]=\"row.netLineTotal | priceDisplay\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [textAlign]=\"align.Right\" [width]=\"100\" [resizable]=\"false\" [order]=\"110\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n </co-transaction-base-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":51,"character":3},"arguments":["class.co-transaction-lines-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"TransactionService"}]}],"changeLineAmount":[{"__symbolic":"method"}]}},"ɵew":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":12,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":15,"character":8},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵex"}],"exports":[{"__symbolic":"reference","name":"ɵex"}]}]}],"members":{}},"ɵex":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-discount","template":"\n <co-sidebar #discountsSidebar isOpen=\"false\">\n <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n <co-button class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n (click)=\"onStartDiscountInput(orderDiscountType.DiscountPercentage, 'TRANSACTION_DISCOUNT_PERC')\"></co-button>\n <co-button class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT'| localize\"\n (click)=\"onStartDiscountInput(orderDiscountType.DiscountAmount, 'TRANSACTION_DISCOUNT')\"></co-button>\n <co-button class=\"rectangular\" [label]=\"'TRANSACTION_TOTAL'| localize\"\n (click)=\"onStartDiscountInput(orderDiscountType.OrderTotal, 'TRANSACTION_TOTAL')\"></co-button>\n\n </div>\n </co-sidebar>\n <co-dialog *ngIf=\"inputDiscounts\">\n <ng-container header>{{ discountHeader | localize }}</ng-container>\n <co-form>\n <co-input-text\n *ngIf=\"discountType === orderDiscountType.DiscountPercentage\"\n [type]=\"'number'\"\n [(model)]=\"transactionDiscountPercentage\"\n [placeholder]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n ></co-input-text>\n <co-input-text\n *ngIf=\"discountType === orderDiscountType.DiscountAmount\"\n [type]=\"'number'\"\n [(model)]=\"transactionDiscountAmount\"\n [placeholder]=\"'TRANSACTION_DISCOUNT' | localize\"\n ></co-input-text>\n <co-input-text\n *ngIf=\"discountType === orderDiscountType.OrderTotal\"\n [type]=\"'number'\"\n [(model)]=\"transactionTotal\"\n [placeholder]=\"'TRANSACTION_TOTAL' | localize\"\n ></co-input-text>\n\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n <co-button [label]=\"'CANCEL' | localize\" (click)=\"inputDiscounts = false\"></co-button>\n <co-button [label]=\"'OK' | localize\" (click)=\"onInputDiscountsOkClick()\"></co-button>\n </div>\n </co-form>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["class.co-discount"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"addDiscount":[{"__symbolic":"method"}],"onStartDiscountInput":[{"__symbolic":"method"}],"setDiscountHeader":[{"__symbolic":"method"}],"onInputDiscountsOkClick":[{"__symbolic":"method"}]}},"ɵey":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputSearchModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵez"}],"exports":[{"__symbolic":"reference","name":"ɵez"}]}]}],"members":{}},"ɵez":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-quick-access-overview","template":"\n <co-input-search\n [placeholder]=\"'SEARCH_ADD_ARTICLE' | localize\"\n [noIcon]=\"true\"\n ></co-input-search>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":3},"arguments":["class.co-transaction-quick-access-overview"]}]}]}},"ɵfa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":13,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵcy"}],"declarations":[{"__symbolic":"reference","name":"ɵfb"}],"exports":[{"__symbolic":"reference","name":"ɵfb"}]}]}],"members":{}},"ɵfb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵeu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-order-confirmation-grid","template":"\n <co-transaction-base-grid [transactionLines]=\"transactionLines\" (sidePanelClicked)=\"openSidePanel($event)\">\n <co-simple-grid-column [width]=\"100\" [field]=\"'location'\" [textAlign]=\"align.Center\" [order]=\"40\">\n <ng-template #template let-row = \"row\">\n <div class=\"co-transaction-grid-location-icon-wrapper\">\n <icon class=\"co-transaction-grid-menu-icon\" [icon]=\"icons.Warehouse\"></icon>\n <span [textContent]=\"'98'\"></span>\n </div>\n <div class=\"co-transaction-grid-location-icon-wrapper\">\n <icon class=\"co-transaction-grid-menu-icon\" [icon]=\"icons.MapMarker\"></icon>\n <span [textContent]=\"'A01'\"></span>\n </div>\n <div class=\"co-transaction-grid-location-icon-wrapper\">\n <icon class=\"co-transaction-grid-menu-icon\" [icon]=\"icons.Truck\"></icon>\n <span [textContent]=\"'Black'\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'IN_ORDER' | localize\" [field]=\"'inOrder'\" [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'GROSS_PRICE' | localize\" [field]=\"'grossPrice'\" [order]=\"51\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DISCOUNT' | localize\" [field]=\"'discount'\" [order]=\"52\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NETTO_PRICE' | localize\" [field]=\"'nettoPrice'\" [order]=\"53\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'CONFIRMED' | localize\" [field]=\"'confirmed'\" [order]=\"54\"></co-simple-grid-column>\n <co-simple-grid-column [field]=\"'commitButton'\" [order]=\"55\" [textAlign]=\"align.Center\">\n <ng-template #headerTemplate let-row = \"row\">\n <co-input-checkbox></co-input-checkbox>\n </ng-template>\n <ng-template #template let-row = \"row\">\n <co-input-checkbox></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [field]=\"'deliveryDate'\" [order]=\"56\"></co-simple-grid-column>\n </co-transaction-base-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.co-transaction-order-confirmation-grid"]}]}]}},"ɵfc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵcy"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":18,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":22,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfd"}],"exports":[{"__symbolic":"reference","name":"ɵfd"}]}]}],"members":{}},"ɵfd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵeu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"co-transaction-received-goods-grid","template":"\n <co-transaction-base-grid [transactionLines]=\"transactionLines\" (sidePanelClicked)=\"openSidePanel($event)\" (rowVisible)=\"handleRowVisible($event)\">\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNumber'\" [order]=\"40\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [order]=\"45\">\n <ng-template #template let-row = \"row\">\n <co-drop-down-list\n noTriangleGraphic\n (focus)=\"handleDropDownSelected(row.warehouseNumber)\"\n [required]=\"locationRequired(row) && getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0\"\n [collection]=\"locations\"\n [fields]=\"locationDropdownFields\"\n [(model)]=\"getRowViewModel(row).location\"\n [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n ></co-drop-down-list>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'IN_ORDER' | localize\" [field]=\"'amount'\" [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RECEIVED' | localize\" [order]=\"51\">\n <ng-template #template let-row = \"row\">\n <co-input-number-picker\n [min]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0 ? 1 : 0\"\n [max]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive\"\n [(model)]=\"getRowViewModel(row).toReceive\"\n [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n [readonly]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n ></co-input-number-picker>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BATCH' | localize\" [field]=\"'inOrder'\" [order]=\"52\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'Commit button'\" [field]=\"'commitButton'\" [order]=\"55\">\n <ng-template #template let-row = \"row\">\n <co-input-checkbox\n [(model)]=\"getRowViewModel(row).selected\"\n [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n ></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n </co-transaction-base-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":59,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class.co-transaction-received-goods-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵer"},{"__symbolic":"reference","name":"ɵei"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleRowVisible":[{"__symbolic":"method"}],"locationRequired":[{"__symbolic":"method"}],"handleDropDownSelected":[{"__symbolic":"method"}],"getRowViewModel":[{"__symbolic":"method"}],"handleReceiveSelectedPurchaseOrders":[{"__symbolic":"method"}],"_handleAfterCommitReceivedOrders":[{"__symbolic":"method"}],"handleTransactionLineChanged":[{"__symbolic":"method"}]}},"ɵfe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵff"}],"exports":[{"__symbolic":"reference","name":"ɵff"}]}]}],"members":{}},"ɵff":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-view-mode-buttons","template":"\n <co-button class=\"view-button white\"\n *ngIf=\"showViewModes.includes(viewModes.Tiles)\"\n [class.selected]=\"this.activeViewMode === viewModes.Tiles\"\n [iconData]=\"iconCacheService.getIcon(icons.ListView)\"\n [title]=\"'TILE_VIEW' | localize\"\n (click)=\"this.activeViewMode = viewModes.Tiles\"></co-button>\n <co-button class=\"view-button white\"\n *ngIf=\"showViewModes.includes(viewModes.List)\"\n [class.selected]=\"this.activeViewMode === viewModes.List\"\n [iconData]=\"iconCacheService.getIcon(icons.ThickLines)\"\n [title]=\"'LIST_VIEW' | localize\"\n (click)=\"this.activeViewMode = viewModes.List\"></co-button>\n <co-button class=\"view-button white\"\n *ngIf=\"showViewModes.includes(viewModes.Grid)\"\n [class.selected]=\"this.activeViewMode === viewModes.Grid\"\n [iconData]=\"iconCacheService.getIcon(icons.ThinLines)\"\n [title]=\"'GRID_VIEW' | localize\"\n (click)=\"this.activeViewMode = viewModes.Grid\"></co-button>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"}}]}],"members":{"showViewModes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"viewModeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":3},"arguments":["class.co-view-mode-buttons"]}]}],"ngOnInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}]}},"ɵfg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfh"}],"exports":[{"__symbolic":"reference","name":"ɵfh"}]}]}],"members":{}},"ɵfh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-grid","template":"\n <div #transactionGrid class=\"transaction-grid-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["transactionGrid",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":40}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"activeCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"sidePanelClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["class.co-transaction-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":64,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":65,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":66,"character":22}]}],"_prepareContent":[{"__symbolic":"method"}]}},"ɵfi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"searchTransactions":[{"__symbolic":"method"}],"getLabelBasedOnTransactionType":[{"__symbolic":"method"}],"resetFilters":[{"__symbolic":"method"}],"_resetRequest":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵfj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":23,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputSearchModule","line":26,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":27,"character":8},{"__symbolic":"reference","name":"ɵfe"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵfk"},{"__symbolic":"reference","name":"ɵfn"},{"__symbolic":"reference","name":"ɵfp"},{"__symbolic":"reference","name":"ɵfs"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵfu"},{"__symbolic":"reference","name":"ɵfw"},{"__symbolic":"reference","name":"ɵfy"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PaginationModule","line":38,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵga"}],"exports":[{"__symbolic":"reference","name":"ɵga"}]}]}],"members":{}},"ɵfk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":15,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfl"}],"exports":[{"__symbolic":"reference","name":"ɵfl"}]}]}],"members":{}},"ɵfl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵfm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-search-sales-order-tile","template":"\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"transaction-tile-body\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n <div class=\"transaction-tile-seller-info\">\n <div>\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div>\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-order-summary\">\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-footer\">\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n\n </div>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":53,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}]}},"ɵfm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1}}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["class.co-transaction-search-tile-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}],"onTransactionClick":[{"__symbolic":"method"}]}},"ɵfn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfo"}],"exports":[{"__symbolic":"reference","name":"ɵfo"}]}]}],"members":{}},"ɵfo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵfm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-search-purchase-order-tile","template":"\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"transaction-tile-body\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n <div class=\"transaction-tile-seller-info\">\n <div>\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div>\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-order-summary\">\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-footer\">\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":52,"character":17},"member":"None"}}]}],"members":{}},"ɵfp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":12,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfq"}],"exports":[{"__symbolic":"reference","name":"ɵfq"}]}]}],"members":{}},"ɵfq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵfr"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-search-sales-order-grid","template":"\n <div>\n <co-simple-grid [data]=\"searchService.transactions\" [extraColumns]=\"extraColumns\" [dragDropEnabled]=\"true\" [emitDragDrop]=\"false\"\n (selectRow)=\"onTransactionClick($event)\">\n <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n [order]=\"10\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\" [order]=\"20\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n [order]=\"30\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n [order]=\"40\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n [order]=\"70\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\" [order]=\"80\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n [order]=\"105\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\" >\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n [order]=\"115\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":59,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class.co-transaction-search-sales-order-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"}]}]}},"ɵfr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1}}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":8,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridColumnDirective","line":8,"character":19}]}]}],"transactions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"onTransactionClick":[{"__symbolic":"method"}]}},"ɵfs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵft"}],"exports":[{"__symbolic":"reference","name":"ɵft"}]}]}],"members":{}},"ɵft":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵfr"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-search-purchase-order-grid","template":"\n <div>\n <co-simple-grid [data]=\"searchService.transactions\" [extraColumns]=\"extraColumns\" [dragDropEnabled]=\"true\" [emitDragDrop]=\"false\"\n (selectRow)=\"onTransactionClick($event)\">\n <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n [order]=\"10\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\" [order]=\"20\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n [order]=\"30\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n [order]=\"40\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n [order]=\"70\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\" [order]=\"80\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n [order]=\"105\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\" >\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n [order]=\"115\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":59,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class.co-transaction-search-purchase-order-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"}]}]}},"ɵfu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":11,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputSearchModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵfe"}],"declarations":[{"__symbolic":"reference","name":"ɵfv"}],"exports":[{"__symbolic":"reference","name":"ɵfv"}]}]}],"members":{}},"ɵfv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-transaction-search-header","template":"\n <div class=\"transaction-search-header-wrapper\">\n <div class=\"upper-header\">\n\n <div class=\"header-buttons-wrapper\">\n <div class=\"toggle-sidebar-button-wrapper button-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\">\n <co-button [iconData]=\"fullscreen ? iconSlideIn : iconResize\"\n [ngClass]=\"!fullscreen ? 'small' : ''\"\n class=\"toggle-sidebar-button circle transparent\"\n (click)=\"onResizeClick()\"></co-button>\n </div>\n <div class=\"close-search-button-wrapper button-wrapper\" *ngIf=\"!fullscreen\">\n <co-button [iconData]=\"iconCancel\"\n class=\"toggle-sidebar-button circle small transparent\"\n (click)=\"onCloseClick()\">\n </co-button>\n </div>\n </div>\n\n </div>\n <div class=\"header-searchbar-wrapper\">\n <div>\n <co-input-search class=\"transaction-search-general\"\n [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n [noIcon]=\"true\"\n [(model)]=\"searchService.searchRequest.general\"\n [placeholder]=\"'SEARCH_NUMBER_CUSTOMER_OR_DATE' | localize\"\n (search)=\"searchService.searchTransactions()\"></co-input-search>\n </div>\n <div>\n <co-button class=\"transaction-search-filter-button\"\n *ngIf=\"fullscreen\"\n [iconData]=\"iconCacheService.getIcon(icon.BarsFilter)\"\n (click)=\"filterButtonClick.emit()\">\n </co-button>\n </div>\n </div>\n\n <div class=\"view-mode-buttons-wrapper\">\n <co-view-mode-buttons\n *ngIf=\"fullscreen\"\n [showViewModes]=\"[contentViewModes.Tiles, contentViewModes.Grid]\"\n (viewModeChange)=\"onViewModeChange($event)\">\n </co-view-mode-buttons>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":57,"character":17},"member":"None"}}]}],"members":{"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"activeSearchViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"activeContentViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"viewModeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"filterButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"resizeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":3},"arguments":["class.co-transaction-search-header"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵd"}]}],"onResizeClick":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"onViewModeChange":[{"__symbolic":"method"}]}},"ɵfw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfx"}],"exports":[{"__symbolic":"reference","name":"ɵfx"}]}]}],"members":{}},"ɵfx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"co-transaction-search-grid","template":"\n <div #transactionSearchGrid class=\"transaction-search-grid-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["transactionSearchGrid",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":45}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":50,"character":3},"arguments":["class.co-transaction-search-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":61,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":62,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":63,"character":22},{"__symbolic":"reference","name":"ɵfi"}]}],"_prepareContent":[{"__symbolic":"method"}]}},"ɵfy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfz"}],"exports":[{"__symbolic":"reference","name":"ɵfz"}]}]}],"members":{}},"ɵfz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"co-transaction-search-tile","template":"\n <div #transactionSearchTile class=\"transaction-search-tile-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["transactionSearchTile",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":45}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":3},"arguments":["class.co-transaction-search-tile"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":73,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":74,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":75,"character":22},{"__symbolic":"reference","name":"ɵfi"}]}],"_prepareContent":[{"__symbolic":"method"}]}},"ɵga":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-transaction-search-result","template":"\n <div class=\"transaction-search-header-wrapper\">\n <co-transaction-search-header\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n [activeContentViewMode]=\"activeContentViewMode\"\n (viewModeChange)=\"activeContentViewMode = $event\"\n (resizeClick)=\"onResizeClick()\"\n (filterButtonClick)=\"onFilterClick()\"\n (closeClick)=\"onCloseClick()\">\n </co-transaction-search-header>\n </div>\n\n <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions | paginate:\n {itemsPerPage: searchService.transactionsPerPage, currentPage: searchService.showcasePage, totalItems: searchService.resultCount}\">\n <co-transaction-search-tile\n [transaction]=\"transaction\"\n [transactionType]=\"transactionType\"\n [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n (transactionClick)=\"onTransactionClick($event)\">\n </co-transaction-search-tile>\n </div>\n <co-pagination [previousLabel]=\"'PREVIOUS' | localize\" [nextLabel]=\"'NEXT' | localize\"\n (pageChange)=\"onPaginationPageChange($event)\"></co-pagination>\n </div>\n <div class=\"transaction-search-result-content-grid-wrapper\" *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n <co-transaction-search-grid\n [transactionType]=\"transactionType\"\n (transactionClick)=\"onTransactionClick($event)\"\n ></co-transaction-search-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":44,"character":17},"member":"None"}}]}],"members":{"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"activeSearchViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"filterClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"resizeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":71,"character":3},"arguments":["class.co-transaction-search-result"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"}]}],"ngOnInit":[{"__symbolic":"method"}],"onTransactionClick":[{"__symbolic":"method"}],"onResizeClick":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"onFilterClick":[{"__symbolic":"method"}],"onPaginationPageChange":[{"__symbolic":"method"}]}},"ɵgb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":19,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":20,"character":4},{"__symbolic":"reference","name":"ɵgc"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":22,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":24,"character":4},{"__symbolic":"reference","name":"ɵge"},{"__symbolic":"reference","name":"ɵgi"},{"__symbolic":"reference","name":"ɵgm"}],"declarations":[{"__symbolic":"reference","name":"ɵgo"}],"exports":[{"__symbolic":"reference","name":"ɵgo"}]}]}],"members":{}},"ɵgc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgd"}],"exports":[{"__symbolic":"reference","name":"ɵgd"}]}]}],"members":{}},"ɵgd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-transaction-filter-categories","template":"\n <div class=\"transaction-filter-categories-wrapper\">\n <div class=\"transaction-filter-category\" *ngFor=\"let category of categories\" [class.active]=\"category === activeCategory\"\n [textContent]=\"category\"\n (click)=\"handleCategoryClick(category)\"\n ></div>\n </div>\n "}]}],"members":{"categories":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"categoryClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class.co-transaction-filter-categories"]}]}],"handleCategoryClick":[{"__symbolic":"method"}]}},"ɵge":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":17,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":18,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputListboxModule","line":19,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":23,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgf"}],"exports":[{"__symbolic":"reference","name":"ɵgf"}]}]}],"members":{}},"ɵgf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"co-transaction-sales-order-filter-content-order","template":"\n <div class=\"transaction-filter-content-order-wrapper\">\n\n <!--Orderdatum-->\n <co-filter-item\n [placeholder]=\"'ORDER_DATE' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-date-range\n [startDate]=\"transStartDate\"\n [endDate]=\"transEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'rangeTransDate')\"\n (cleared)=\"onClearedDateRangeChange('rangeTransDate')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Leverdatum-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_DATE' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-date-range\n [startDate]=\"deliveryStartDate\"\n [endDate]=\"deliveryEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'deliveryDateRange')\"\n (cleared)=\"onClearedDateRangeChange('deliveryDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Filiaal-->\n <co-filter-item\n [placeholder]=\"'BRANCH' | localize\"\n [expanded]=\"true\"\n [collection]=\"branches\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeBranchId')\"\n >\n </co-filter-item>\n\n <!--Verkoper-->\n <co-filter-item\n [placeholder]=\"'HANDLED_BY' | localize\"\n [expanded]=\"true\"\n [collection]=\"salesPersons\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeSalesPerson')\"\n >\n </co-filter-item>\n\n <!--Eigen referentie-->\n <co-filter-item\n [placeholder]=\"'OWN_REFERENCE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.userReference\"\n [placeholder]=\"'OWN_REFERENCE' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Tags-->\n <co-filter-item\n [placeholder]=\"'TAGS' | localize\"\n [expanded]=\"true\"\n [collection]=\"tags\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'tagRange')\"\n >\n <co-input-text [(model)]=\"searchRequest.tagRange\" [placeholder]=\"'TAGS' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--On hold codes-->\n <co-filter-item\n [placeholder]=\"'ON_HOLD' | localize\"\n [expanded]=\"true\"\n [collection]=\"onHoldCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event,'rangeOnHoldCodes')\"\n >\n <co-input-text [(model)]=\"searchRequest.tagRange\" [placeholder]=\"'TAGS' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Order definitief-->\n <co-filter-item\n [placeholder]=\"'ORDER_DEFINITIVE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.transactionDefinitive === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'transactionDefinitive')\"\n [label]=\"'ORDER_DEFINITIVE' | localize\"></co-input-checkbox>\n </co-filter-item>\n\n <!--Commissiecode-->\n <co-filter-item\n [placeholder]=\"'COMMISSION_CODE' | localize\"\n [expanded]=\"true\"\n [collection]=\"commissionCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'commissionCodes')\"\n >\n </co-filter-item>\n\n <!--Inactieve transacties-->\n <co-filter-item\n [placeholder]=\"'INACTIVE_TRANSACTIONS' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.active === false\"\n (modelChange)=\"searchRequest.active = !$event\"\n [label]=\"'INACTIVE_TRANSACTIONS' | localize\"\n ></co-input-checkbox>\n </co-filter-item>\n\n <!--Klantnaam-->\n <co-filter-item\n [placeholder]=\"'CUSTOMER_NAME' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [minSearchCharsToLoadCollection]=\"3\"\n [collectionLoadFn]=\"loadCustomers\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'relationName' )\"\n >\n </co-filter-item>\n\n <!--Klantgroep-->\n <co-filter-item\n [placeholder]=\"'CUSTOMER_GROUP' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"customerGroups\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'customerGroupId')\">\n </co-filter-item>\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":179,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setRangeDates":[{"__symbolic":"method"}],"_setSalesPersons":[{"__symbolic":"method"}],"_setTags":[{"__symbolic":"method"}],"_setBranches":[{"__symbolic":"method"}],"_setOnHoldCodes":[{"__symbolic":"method"}],"_setCommissionCodes":[{"__symbolic":"method"}],"_setCustomerGroups":[{"__symbolic":"method"}]}},"ɵgg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onDateRangeChange":[{"__symbolic":"method"}],"onClearedDateRangeChange":[{"__symbolic":"method"}],"onFilterButtonClick":[{"__symbolic":"method"}],"filterTransactions":[{"__symbolic":"method"}]}},"ɵgh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"TransactionService"}]}],"handleCollectionChangeForRange":[{"__symbolic":"method"}],"handleCollectionChangeForArray":[{"__symbolic":"method"}],"handleCollectionChangeForSingleNumber":[{"__symbolic":"method"}],"handleCollectionChangeForSingleSelect":[{"__symbolic":"method"}],"handleCheckboxValueChangeForString":[{"__symbolic":"method"}],"handleCheckboxValueChangeForNumber":[{"__symbolic":"method"}],"handleDateRangeChange":[{"__symbolic":"method"}],"getDateFromFilterRequestRange":[{"__symbolic":"method"}],"_getFilterRequestForCollectionRange":[{"__symbolic":"method"}],"_getFilterRequestForBooleanToString":[{"__symbolic":"method"}],"_getFilterRequestForCollectionArray":[{"__symbolic":"method"}],"_getFilterRequestForSingleSelect":[{"__symbolic":"method"}],"_getFilterRequestForDateRange":[{"__symbolic":"method"}],"_formatDateToString":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵgi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":10,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵgj"}],"declarations":[{"__symbolic":"reference","name":"ɵgl"}],"exports":[{"__symbolic":"reference","name":"ɵgl"}]}]}],"members":{}},"ɵgj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgk"}],"exports":[{"__symbolic":"reference","name":"ɵgk"}]}]}],"members":{}},"ɵgk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"co-transaction-filter-historic-state","template":"\n <co-filter-item\n [placeholder]=\"label | localize\"\n [customContent]=\"true\"\n [expanded]=\"expanded\">\n <co-input-radio-button *ngFor=\"let state of states\"\n [name]=\"groupName\"\n [value]=\"state.value\"\n [model]=\"state.checked\"\n [label]=\"state.label | localize\"\n (modelChange)=\"handleStateChange($event)\"\n ></co-input-radio-button>\n </co-filter-item>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"}}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"filterClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":3},"arguments":["class.co-transaction-filter-historic-state"]}]}],"handleStateChange":[{"__symbolic":"method"}],"_setStates":[{"__symbolic":"method"}]}},"ɵgl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-sales-order-filter-content-logistics","template":"\n <div class=\"transaction-filter-content-logistics-wrapper\">\n\n <!--Levermethode-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_METHOD' | localize\"\n [expanded]=\"true\"\n [collection]=\"deliveryMethods\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')\">\n </co-filter-item>\n\n\n <!--Leverdatum definitief-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_DATE_FINAL' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.deliveryDateDefinitive === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'deliveryDateDefinitive')\"\n [label]=\"'DELIVERY_DATE_FINAL' | localize\"></co-input-checkbox>\n </co-filter-item>\n\n <!--Toegewezen-->\n <co-transaction-filter-historic-state\n [label]=\"'ALLOCATED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityAllocated')\"\n ></co-transaction-filter-historic-state>\n\n <!--Geleverd-->\n <co-transaction-filter-historic-state\n [label]=\"'DELIVERED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityDelivered')\"\n ></co-transaction-filter-historic-state>\n\n <!--Gefactureerd-->\n <co-transaction-filter-historic-state\n [label]=\"'INVOICED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityInvoiced')\"\n ></co-transaction-filter-historic-state>\n\n <!--Te picken-->\n <co-transaction-filter-historic-state\n [label]=\"'TO_BE_PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityToBePicked')\"\n ></co-transaction-filter-historic-state>\n\n <!--Gepicked-->\n <co-transaction-filter-historic-state\n [label]=\"'PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityPicked')\"\n ></co-transaction-filter-historic-state>\n\n <!--Bevestigde leverdatum-->\n <co-filter-item\n [placeholder]=\"'CONFIRMED_DELIVERY_DATE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-date-range\n [startDate]=\"confirmedDeliveryStartDate\"\n [endDate]=\"confirmedDeliveryEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'confirmedDeliveryDateRange')\"\n (cleared)=\"onClearedDateRangeChange('confirmedDeliveryDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Aankomstdatum-->\n <co-filter-item\n [placeholder]=\"'ARRIVAL_DATE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-date-range\n [startDate]=\"arrivalStartDate\"\n [endDate]=\"arrivalEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'arrivalDateRange')\"\n (cleared)=\"onClearedDateRangeChange('arrivalDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Deellevering-->\n <co-filter-item\n [placeholder]=\"'PART_DELIVERY' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.partialDelivery === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'partialDelivery')\"\n [label]=\"'PART_DELIVERY' | localize\">\n </co-input-checkbox>\n </co-filter-item>\n\n <!--Magazijn -->\n <co-filter-item\n [placeholder]=\"'WAREHOUSE' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"warehouses\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'warehouse')\">\n </co-filter-item>\n\n <!--Bron magazijn-->\n <co-filter-item\n [placeholder]=\"'SOURCE_WAREHOUSE' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"sourceWarehouses\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'sourceWarehouse')\">\n </co-filter-item>\n\n <!--Serienummer -->\n <co-filter-item\n [placeholder]=\"'SERIAL_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Batchnummer -->\n <co-filter-item\n [placeholder]=\"'BATCH_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\" [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Inclusief retouren-->\n <co-filter-item\n [placeholder]=\"'INCLUDING_RETURNS' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [label]=\"'INCLUDING_RETURNS' | localize\"\n [model]=\"searchRequest.includingReturns === 1\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForNumber($event, 'includingReturns')\"\n >\n </co-input-checkbox>\n </co-filter-item>\n\n <!--Levermethode op (regel/header): todo: nog uitzoeken welke filter dit is-->\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":174,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setRangeDates":[{"__symbolic":"method"}],"_setDeliveryMethods":[{"__symbolic":"method"}],"_setWarehouses":[{"__symbolic":"method"}],"_setSourceWarehouses":[{"__symbolic":"method"}]}},"ɵgm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":11,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgn"}],"exports":[{"__symbolic":"reference","name":"ɵgn"}]}]}],"members":{}},"ɵgn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"co-transaction-sales-order-filter-content-article","template":"\n <div class=\"transaction-filter-content-article-wrapper\">\n\n <!--Artikelnummer-->\n <co-filter-item\n [placeholder]=\"'ARTICLE_NR' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [minSearchCharsToLoadCollection]=\"3\"\n [collectionLoadFn]=\"getArticles\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'articleNr')\"\n >\n </co-filter-item>\n\n <!--Omzetgroep-->\n <co-filter-item\n [placeholder]=\"'TURNOVER_GROUP' | localize\"\n [expanded]=\"true\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n [collection]=\"turnoverGroups\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeTurnoverGroup')\"\n >\n </co-filter-item>\n\n <!--Hoofdartikel-->\n <co-filter-item\n [placeholder]=\"'MAIN_ARTICLE' | localize\"\n [expanded]=\"true\"\n [collection]=\"mainArticles\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'mainArticleNrRange')\"\n >\n </co-filter-item>\n\n <!--Uitloopcode -->\n <co-filter-item\n [placeholder]=\"'EXCEEDENCE_CODE' | localize\"\n [expanded]=\"true\"\n [collection]=\"exceedanceCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'exceedanceCodes')\"\n >\n </co-filter-item>\n\n <!--Leverancier-->\n <co-filter-item\n [placeholder]=\"'SUPPLIER' | localize\"\n [expanded]=\"true\"\n [collection]=\"suppliers\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeSupplier')\"\n >\n </co-filter-item>\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setExceedanceCodes":[{"__symbolic":"method"}],"_setTurnoverGroups":[{"__symbolic":"method"}],"_setMainArticles":[{"__symbolic":"method"}],"_setSuppliers":[{"__symbolic":"method"}]}},"ɵgo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgp"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-sales-order-filter","template":"\n <div class=\"transaction-filter-header-wrapper\">\n <div class=\"transaction-filter-header\">\n <span [textContent]=\"'Filters'\"></span>\n <co-icon class=\"filter-reset-icon clickable\"\n [iconData]=\"iconCacheService.getIcon(icon.SyncAlt)\"\n (click)=\"resetFilters()\"\n ></co-icon>\n </div>\n <co-icon class=\"clickable\" [iconData]=\"iconCacheService.getIcon(icon.Cancel)\"\n (click)=\"onCloseButtonClick()\"></co-icon>\n </div>\n <div class=\"transaction-filter-categories\">\n <co-transaction-filter-categories [categories]=\"filterCategories\"\n (categoryClick)=\"handleCategoryClick($event)\"></co-transaction-filter-categories>\n </div>\n <div #filterItems class=\"transaction-category-filter-wrapper\" data-ride=\"carousel\">\n <div #orderFilter class=\"transaction-filter-category-content\">\n <co-transaction-sales-order-filter-content-order></co-transaction-sales-order-filter-content-order>\n </div>\n <div #logisticsFilter class=\"transaction-filter-category-content\">\n <co-transaction-sales-order-filter-content-logistics></co-transaction-sales-order-filter-content-logistics>\n </div>\n <div #articleFilter class=\"transaction-filter-category-content\">\n <co-transaction-sales-order-filter-content-article></co-transaction-sales-order-filter-content-article>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":35,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":3},"arguments":["class.co-transaction-sales-order-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵfi"}]}]}},"ɵgp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1}}],"members":{"filterItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["filterItems",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":35}}]}]}],"orderFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["orderFilter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":35}}]}]}],"logisticsFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["logisticsFilter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":39}}]}]}],"articleFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["articleFilter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":37}}]}]}],"activeSearchViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"closeButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"resetFilterClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"onEnterKey":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":34,"character":3},"arguments":["keyup.enter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵfi"}]}],"handleCategoryClick":[{"__symbolic":"method"}],"onCloseButtonClick":[{"__symbolic":"method"}],"resetFilters":[{"__symbolic":"method"}]}},"ɵgq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":22,"character":4},{"__symbolic":"reference","name":"ɵgc"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":24,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":26,"character":4},{"__symbolic":"reference","name":"ɵgr"},{"__symbolic":"reference","name":"ɵgt"},{"__symbolic":"reference","name":"ɵgv"}],"declarations":[{"__symbolic":"reference","name":"ɵgx"}],"exports":[{"__symbolic":"reference","name":"ɵgx"}]}]}],"members":{}},"ɵgr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":17,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":18,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputListboxModule","line":19,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":23,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgs"}],"exports":[{"__symbolic":"reference","name":"ɵgs"}]}]}],"members":{}},"ɵgs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"co-transaction-purchase-order-filter-content-order","template":"\n <div class=\"transaction-filter-content-order-wrapper\">\n\n <!--Inkoopnummer-->\n <co-filter-item\n [placeholder]=\"'PURCHASENUMBER' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.transNr\"\n [placeholder]=\"'PURCHASENUMBER' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Orderdatum-->\n <co-filter-item\n [placeholder]=\"'ORDER_DATE' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-date-range\n [startDate]=\"transStartDate\"\n [endDate]=\"transEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'rangeTransDate')\"\n (cleared)=\"onClearedDateRangeChange('rangeTransDate')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Leverdatum-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_DATE' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-date-range\n [startDate]=\"deliveryStartDate\"\n [endDate]=\"deliveryEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'deliveryDateRange')\"\n (cleared)=\"onClearedDateRangeChange('deliveryDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Filiaal-->\n <co-filter-item\n [placeholder]=\"'BRANCH' | localize\"\n [expanded]=\"true\"\n [collection]=\"branches\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeBranchId')\"\n >\n </co-filter-item>\n\n <!--Inkoper-->\n <co-filter-item\n [placeholder]=\"'PURCHASE_PERSON' | localize\"\n [expanded]=\"true\"\n [collection]=\"purchasePersons\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeSalesPerson')\"\n >\n </co-filter-item>\n\n <!--Eigen referentie-->\n <co-filter-item\n [placeholder]=\"'OWN_REFERENCE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.userReference\"\n [placeholder]=\"'OWN_REFERENCE' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Tags-->\n <co-filter-item\n [placeholder]=\"'TAGS' | localize\"\n [expanded]=\"true\"\n [collection]=\"tags\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'tagRange')\"\n >\n </co-filter-item>\n\n <!--On hold codes-->\n <co-filter-item\n [placeholder]=\"'ON_HOLD' | localize\"\n [expanded]=\"true\"\n [collection]=\"onHoldCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event,'rangeOnHoldCodes')\"\n >\n </co-filter-item>\n\n <!--Commissiecode-->\n <co-filter-item\n [placeholder]=\"'COMMISSION_CODE' | localize\"\n [expanded]=\"true\"\n [collection]=\"commissionCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'commissionCodes')\"\n >\n </co-filter-item>\n\n <!--Meer filters -->\n <co-filter-item\n [placeholder]=\"'MORE_FILTERS' | localize\"\n [customContent]=\"true\"\n [expanded]=\"false\">\n\n <!--Order definitief-->\n <co-input-checkbox\n [model]=\"searchRequest.transactionDefinitive === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'transactionDefinitive')\"\n [label]=\"'ORDER_DEFINITIVE' | localize\"></co-input-checkbox>\n\n <!--Inactieve transacties-->\n <co-input-checkbox\n [model]=\"searchRequest.active === false\"\n (modelChange)=\"searchRequest.active = !$event\"\n [label]=\"'INACTIVE_TRANSACTIONS' | localize\"\n ></co-input-checkbox>\n\n <!--Inclusief retouren -->\n <co-input-checkbox\n [label]=\"'INCLUDING_RETURNS' | localize\"\n [model]=\"searchRequest.includingReturns === 1\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForNumber($event, 'includingReturns')\"\n >\n </co-input-checkbox>\n\n <!--Levermethode op (regel/header): nog niet in API -->\n\n </co-filter-item>\n\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":168,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setRangeDates":[{"__symbolic":"method"}],"_setPurchasePersons":[{"__symbolic":"method"}],"_setTags":[{"__symbolic":"method"}],"_setBranches":[{"__symbolic":"method"}],"_setOnHoldCodes":[{"__symbolic":"method"}],"_setCommissionCodes":[{"__symbolic":"method"}]}},"ɵgt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":10,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵgj"}],"declarations":[{"__symbolic":"reference","name":"ɵgu"}],"exports":[{"__symbolic":"reference","name":"ɵgu"}]}]}],"members":{}},"ɵgu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-purchase-order-filter-content-logistics","template":"\n <div class=\"transaction-filter-content-logistics-wrapper\">\n\n <!--Bevestigde leverdatum-->\n <co-filter-item\n [placeholder]=\"'CONFIRMED_DELIVERY_DATE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-date-range\n [startDate]=\"confirmedDeliveryStartDate\"\n [endDate]=\"confirmedDeliveryEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'confirmedDeliveryDateRange')\"\n (cleared)=\"onClearedDateRangeChange('confirmedDeliveryDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Serienummer-->\n <co-filter-item\n [placeholder]=\"'SERIAL_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Batchnummer-->\n <co-filter-item\n [placeholder]=\"'BATCH_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\" [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Geleverd-->\n <co-transaction-filter-historic-state\n [label]=\"'DELIVERED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityDelivered')\"\n ></co-transaction-filter-historic-state>\n\n <!--Gefactureerd-->\n <co-transaction-filter-historic-state\n [label]=\"'INVOICED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityInvoiced')\"\n ></co-transaction-filter-historic-state>\n\n <!--Binnengemeld / Geleverd -->\n <co-transaction-filter-historic-state\n [label]=\"'RECEIVED_DELIVERED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityReceived')\"\n ></co-transaction-filter-historic-state>\n\n <!--Bevestigd-->\n <co-transaction-filter-historic-state\n [label]=\"'CONFIRMED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityConfirmed')\"\n ></co-transaction-filter-historic-state>\n\n <!--Aankomstdatum-->\n <co-filter-item\n [placeholder]=\"'ARRIVAL_DATE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-date-range\n [startDate]=\"arrivalStartDate\"\n [endDate]=\"arrivalEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'arrivalDateRange')\"\n (cleared)=\"onClearedDateRangeChange('arrivalDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Toegewezen-->\n <co-transaction-filter-historic-state\n [label]=\"'ALLOCATED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityAllocated')\"\n ></co-transaction-filter-historic-state>\n\n <!--Te picken-->\n <co-transaction-filter-historic-state\n [label]=\"'TO_BE_PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityToBePicked')\"\n ></co-transaction-filter-historic-state>\n\n <!--Gepicked-->\n <co-transaction-filter-historic-state\n [label]=\"'PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityPicked')\"\n ></co-transaction-filter-historic-state>\n\n <!--Deellevering-->\n <co-filter-item\n [placeholder]=\"'PART_DELIVERY' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.partialDelivery === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'partialDelivery')\"\n [label]=\"'PART_DELIVERY' | localize\">\n </co-input-checkbox>\n </co-filter-item>\n\n <!--Magazijn-->\n <co-filter-item\n [placeholder]=\"'WAREHOUSE' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"warehouses\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'warehouse')\">\n </co-filter-item>\n\n <!--Bron magazijn-->\n <co-filter-item\n [placeholder]=\"'SOURCE_WAREHOUSE' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"sourceWarehouses\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'sourceWarehouse')\">\n </co-filter-item>\n\n <!--Levermethode-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_METHOD' | localize\"\n [expanded]=\"true\"\n [collection]=\"deliveryMethods\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')\">\n </co-filter-item>\n\n\n <!--Leverdatum definitief-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_DATE_FINAL' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.deliveryDateDefinitive === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'deliveryDateDefinitive')\"\n [label]=\"'DELIVERY_DATE_FINAL' | localize\"></co-input-checkbox>\n </co-filter-item>\n\n <!--Uitvoerbaar: todo: vraag staat uit wat hiermee bedoeld wordt. Daarna hier aanvullen -->\n\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":174,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setRangeDates":[{"__symbolic":"method"}],"_setDeliveryMethods":[{"__symbolic":"method"}],"_setWarehouses":[{"__symbolic":"method"}],"_setSourceWarehouses":[{"__symbolic":"method"}]}},"ɵgv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":11,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgw"}],"exports":[{"__symbolic":"reference","name":"ɵgw"}]}]}],"members":{}},"ɵgw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"co-transaction-purchase-order-filter-content-article","template":"\n <div class=\"transaction-filter-content-article-wrapper\">\n\n <!--Artikelnummer-->\n <co-filter-item\n [placeholder]=\"'ARTICLE_NR' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [minSearchCharsToLoadCollection]=\"3\"\n [collectionLoadFn]=\"getArticles\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'articleNr')\"\n >\n </co-filter-item>\n\n <!--Omzetgroep-->\n <co-filter-item\n [placeholder]=\"'TURNOVER_GROUP' | localize\"\n [expanded]=\"true\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n [collection]=\"turnoverGroups\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeTurnoverGroup')\"\n >\n </co-filter-item>\n\n <!--Uitloopcode -->\n <co-filter-item\n [placeholder]=\"'EXCEEDENCE_CODE' | localize\"\n [expanded]=\"true\"\n [collection]=\"exceedanceCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'exceedanceCodes')\"\n >\n </co-filter-item>\n\n <!--Serienummer -->\n <co-filter-item\n [placeholder]=\"'SERIAL_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Batchnummer -->\n <co-filter-item\n [placeholder]=\"'BATCH_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\" [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setExceedanceCodes":[{"__symbolic":"method"}],"_setTurnoverGroups":[{"__symbolic":"method"}],"_setMainArticles":[{"__symbolic":"method"}],"_setSuppliers":[{"__symbolic":"method"}]}},"ɵgx":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgp"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-purchase-order-filter","template":"\n <div class=\"transaction-filter-header-wrapper\">\n <div class=\"transaction-filter-header\">\n <span [textContent]=\"'Filters'\"></span>\n <co-icon class=\"filter-reset-icon clickable\"\n [iconData]=\"iconCacheService.getIcon(icon.SyncAlt)\"\n (click)=\"resetFilters()\"\n ></co-icon>\n </div>\n <co-icon class=\"clickable\" [iconData]=\"iconCacheService.getIcon(icon.Cancel)\"\n (click)=\"onCloseButtonClick()\"></co-icon>\n </div>\n <div class=\"transaction-filter-categories\">\n <co-transaction-filter-categories [categories]=\"filterCategories\"\n (categoryClick)=\"handleCategoryClick($event)\"></co-transaction-filter-categories>\n </div>\n <div #filterItems class=\"transaction-category-filter-wrapper\" data-ride=\"carousel\">\n <div #orderFilter class=\"transaction-filter-category-content\">\n <co-transaction-purchase-order-filter-content-order></co-transaction-purchase-order-filter-content-order>\n </div>\n <div #logisticsFilter class=\"transaction-filter-category-content\">\n <co-transaction-purchase-order-filter-content-logistics></co-transaction-purchase-order-filter-content-logistics>\n </div>\n <div #articleFilter class=\"transaction-filter-category-content\">\n <co-transaction-purchase-order-filter-content-article></co-transaction-purchase-order-filter-content-article>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":35,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":3},"arguments":["class.co-transaction-purchase-order-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵfi"}]}]}},"ɵgy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgz"}],"exports":[{"__symbolic":"reference","name":"ɵgz"}]}]}],"members":{}},"ɵgz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"co-transaction-filter","template":"\n <div #transactionFilter class=\"transaction-filter-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["transactionFilter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":41}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"activeSearchViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"closeButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"resetFilterClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":59,"character":3},"arguments":["class.co-transaction-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":71,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":72,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":73,"character":22},{"__symbolic":"reference","name":"ɵfi"}]}],"_prepareContent":[{"__symbolic":"method"}]}}},"origins":{"CheckoutComponent":"./lib/component/checkout/checkout.component","CheckoutModule":"./lib/component/checkout/checkout.module","ShoppingCartComponent":"./lib/component/shopping-cart/shopping-cart.component","ShoppingCartModule":"./lib/component/shopping-cart/shopping-cart.module","ShoppingCartPreviewComponent":"./lib/component/shopping-cart-preview/shopping-cart-preview.component","ShoppingCartPreviewModule":"./lib/component/shopping-cart-preview/shopping-cart-preview.module","TransactionComponent":"./lib/component/transaction/transaction.component","TransactionModule":"./lib/component/transaction/transaction.module","TransactionSearchComponent":"./lib/component/transaction-search/transaction-search.component","TransactionSearchModule":"./lib/component/transaction-search/transaction-search.module","TransactionHeaderComponent":"./lib/component/transaction-header/transaction-header.component","TransactionHeaderModule":"./lib/component/transaction-header/transaction-header.module","TransactionHeaderOrderComponent":"./lib/component/transaction-header/transaction-header-order/transaction-header-order.component","TransactionHeaderOrderModule":"./lib/component/transaction-header/transaction-header-order/transaction-header-order.module","TransactionHeaderDeliveryComponent":"./lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.component","TransactionHeaderDeliveryModule":"./lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.module","TransactionHeaderRelationComponent":"./lib/component/transaction-header/transaction-header-relation/transaction-header-relation.component","TransactionHeaderRelationModule":"./lib/component/transaction-header/transaction-header-relation/transaction-header-relation.module","TransactionLineComponent":"./lib/component/transaction-line/transaction-line.component","TransactionLineModule":"./lib/component/transaction-line/transaction-line.module","TransactionLineGridComponent":"./lib/component/transaction-line-grid/transaction-line-grid.component","TransactionLineGridModule":"./lib/component/transaction-line-grid/transaction-line-grid.module","TransactionLinesComponent":"./lib/component/transaction-lines/transaction-lines.component","TransactionLinesModule":"./lib/component/transaction-lines/transaction-lines.module","TransactionTotalsComponent":"./lib/component/transaction-totals/transaction-totals.component","TransactionTotalsModule":"./lib/component/transaction-totals/transaction-totals.module","TransactionQuickAccessComponent":"./lib/component/transaction-quick-access/transaction-quick-access/transaction-quick-access.component","TransactionQuickAccessModule":"./lib/component/transaction-quick-access/transaction-quick-access/transaction-quick-access.module","TransactionQuickAccessOrderConfirmationComponent":"./lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/transaction-quick-access-order-confirmation.component","TransactionQuickAccessOrderConfirmationModule":"./lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/transaction-quick-access-order-confirmation.module","TransactionQuickAccessReceivedGoodsComponent":"./lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.component","TransactionQuickAccessReceivedGoodsModule":"./lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.module","TransactionConfirmationDetailsComponent":"./lib/component/transaction-confirmation-details/transaction-confirmation-details.component","TransactionConfirmationDetailsModule":"./lib/component/transaction-confirmation-details/transaction-confirmation-details.module","TransactionConfirmationHistoryComponent":"./lib/component/transaction-confirmation-history/transaction-confirmation-history.component","TransactionConfirmationHistoryModule":"./lib/component/transaction-confirmation-history/transaction-confirmation-history.module","TransactionService":"./lib/service/transaction.service","ɵa":"./lib/service/pending-reason.service","ɵb":"./lib/service/dialog.service","ɵc":"./lib/service/options.service","ɵd":"./lib/service/dictionary.service","ɵe":"./lib/service/transaction-connector.service","ɵf":"./lib/service/collection-cache.service","ɵg":"./lib/service/article-connector.service","ɵh":"./lib/component/core/core.module","ɵi":"./lib/component/confirmation-dialog/confirmation-dialog.module","ɵj":"./lib/pipe/pipe.module","ɵk":"./lib/pipe/append.pipe","ɵl":"./lib/pipe/delivery-time.pipe","ɵm":"./lib/pipe/date-duration.pipe","ɵn":"./lib/pipe/localize.pipe","ɵo":"./lib/pipe/co-currency.pipe","ɵp":"./lib/pipe/safe-style.pipe","ɵq":"./lib/pipe/safe-html.pipe","ɵr":"./lib/component/confirmation-dialog/confirmation-dialog.component","ɵs":"./lib/component/core/base/dialog-base.component","ɵt":"./lib/component/core/image-display/image-display.component","ɵu":"./lib/component/core/icon/icon.component","ɵv":"./lib/service/icon-cache.service","ɵw":"./lib/component/core/relation/customer-groups.component","ɵx":"./lib/component/core/stock-status-indicator/stock-status-indicator.component","ɵy":"./lib/component/core/loader.component","ɵz":"./lib/component/relation-address/relation-address.module","ɵba":"./lib/component/relation-address/relation-address.component","ɵbb":"./lib/component/relation-address-select/relation-address-select.module","ɵbc":"./lib/component/relation-address-tile/relation-address-tile.module","ɵbd":"./lib/component/tile/tile.module","ɵbe":"./lib/component/tile/tile.component","ɵbf":"./lib/component/relation-address-tile/relation-address-tile.component","ɵbg":"./lib/component/relation-address-select/relation-address-select.component","ɵbh":"./lib/factory/business-object-factory","ɵbi":"./lib/component/stepper/stepper.module","ɵbj":"./lib/component/stepper/stepper.component","ɵbk":"./lib/component/stepper/component/stepper-step.component","ɵbl":"./lib/component/shared/transaction-article-text/transaction-article-text.module","ɵbm":"./lib/component/shared/transaction-article-text/transaction-article-text.component","ɵbn":"./lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.module","ɵbo":"./lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.component","ɵbp":"./lib/component/transaction-line-action-buttons/transaction-line-action-buttons.module","ɵbq":"./lib/component/transaction-line-action-buttons/transaction-line-action-buttons.component","ɵbr":"./lib/component/editable-label/editable-label.module","ɵbs":"./lib/component/editable-label/editable-label.component","ɵbt":"./lib/component/transaction-line-fields/transaction-line-price.module","ɵbu":"./lib/component/transaction-line-fields/transaction-line-price.component","ɵbv":"./lib/component/transaction-line-fields/transaction-line-fields-base.component","ɵbw":"./lib/service/transaction-image.service","ɵbx":"./lib/component/avatar/avatar.module","ɵby":"./lib/component/avatar/avatar.component","ɵbz":"./lib/service/shared.service","ɵca":"./lib/service/shared-connector.service","ɵcb":"./lib/component/delivery-type-tile/delivery-type-tile.module","ɵcc":"./lib/component/delivery-type-tile/delivery-type-tile.component","ɵcd":"./lib/component/payment/payment.module","ɵce":"./lib/component/payment-tile/payment-tile.module","ɵcf":"./lib/component/payment-tile/payment-tile.component","ɵcg":"./lib/component/payment-qr-code/payment-qr-code.module","ɵch":"./lib/component/payment-qr-code/payment-qr-code.component","ɵci":"./lib/service/payment.service","ɵcj":"./lib/component/payment/payment.component","ɵck":"./lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component","ɵcl":"./lib/component/checkout/checkout-overview-delivery-edit/checkout-overview-delivery-edit.component","ɵcm":"./lib/component/checkout/checkout-overview-delivery-address/checkout-overview-delivery-address.component","ɵcn":"./lib/component/checkout/checkout-relation-suggestions-list/checkout-relation-suggestions-list.component","ɵco":"./lib/component/checkout/checkout-relation-suggestions-list-item/checkout-relation-suggestions-list-item.component","ɵcp":"./lib/component/checkout/checkout-login/checkout-login.component","ɵcq":"./lib/component/transaction-header/transaction-header/transaction-header.module","ɵcr":"./lib/component/core/base/components/transaction-header-block/transaction-header-block.module","ɵcs":"./lib/component/core/base/components/transaction-header-block/transaction-header-block.component","ɵct":"./lib/component/core/base/transaction-base.component","ɵcu":"./lib/component/transaction-header/transaction-header-payment/transaction-header-payment.module","ɵcv":"./lib/component/transaction-header/transaction-header-payment/transaction-header-payment.component","ɵcw":"./lib/component/transaction-header/transaction-header/transaction-header.component","ɵcx":"./lib/component/transaction-grid/transaction-lines-grid/transaction-lines-grid.module","ɵcy":"./lib/component/transaction-grid/transaction-base-grid/transaction-base-grid.module","ɵcz":"./lib/component/transaction-line-side-panel/transaction-line-side-panel.module","ɵda":"./lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.module","ɵdb":"./lib/component/transaction-line-fields/transaction-line-price-list.module","ɵdc":"./lib/component/transaction-line-fields/transaction-line-price-list.component","ɵdd":"./lib/component/transaction-line-fields/transaction-line-vat.module","ɵde":"./lib/component/transaction-line-fields/transaction-line-vat.component","ɵdf":"./lib/component/transaction-line-fields/transaction-line-quantity.module","ɵdg":"./lib/component/transaction-line-fields/transaction-line-quantity.component","ɵdh":"./lib/component/transaction-line-fields/transaction-line-line-discount.module","ɵdi":"./lib/component/transaction-line-fields/transaction-line-line-discount.component","ɵdj":"./lib/component/transaction-line-fields/transaction-line-delivery-method.module","ɵdk":"./lib/component/transaction-line-fields/transaction-line-delivery-method.component","ɵdl":"./lib/component/transaction-line-fields/transaction-line-delivery-date.module","ɵdm":"./lib/component/transaction-line-fields/transaction-line-delivery-date.component","ɵdn":"./lib/component/transaction-line-fields/transaction-line-reference.module","ɵdo":"./lib/component/transaction-line-fields/transaction-line-reference.component","ɵdp":"./lib/component/transaction-line-fields/transaction-line-commission-code.module","ɵdq":"./lib/component/transaction-line-fields/transaction-line-commission-code.component","ɵdr":"./lib/component/transaction-line-fields/transaction-line-warehouse.module","ɵds":"./lib/component/transaction-line-fields/transaction-line-warehouse.component","ɵdt":"./lib/component/transaction-line-fields/transaction-line-discount-amount.module","ɵdu":"./lib/component/transaction-line-fields/transaction-line-discount-amount.component","ɵdv":"./lib/component/transaction-line-fields/transaction-line-quantum-discount.module","ɵdw":"./lib/component/transaction-line-fields/transaction-line-quantum-discount.component","ɵdx":"./lib/component/transaction-line-fields/transaction-line-special-discount.module","ɵdy":"./lib/component/transaction-line-fields/transaction-line-special-discount.component","ɵdz":"./lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.component","ɵea":"./lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.module","ɵeb":"./lib/component/transaction-grid/transaction-history-grid/transaction-history-grid.module","ɵec":"./lib/component/transaction-history-grid-status/transaction-history-grid-status.module","ɵed":"./lib/component/transaction-history-grid-status/transaction-history-grid-status.component","ɵee":"./lib/component/transaction-grid/transaction-history-grid/transaction-history-grid.component","ɵef":"./lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component","ɵeg":"./lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.module","ɵeh":"./lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.component","ɵei":"./lib/service/article.service","ɵej":"./lib/component/transaction-button-bar/transaction-button-bar.module","ɵek":"./lib/component/transaction-button-bar/transaction-button-bar.component","ɵel":"./lib/service/transaction-mapping.service","ɵem":"./lib/component/transaction-button-bar/transaction-button-bar-button/transaction-button-bar-button.component","ɵen":"./lib/component/transaction-line-side-panel-purchase/transaction-line-side-panel-purchase.module","ɵeo":"./lib/component/core/base/components/default-ok-cancel-buttons/default-ok-cancel-buttons.module","ɵep":"./lib/component/core/base/components/default-ok-cancel-buttons/default-ok-cancel-buttons.component","ɵeq":"./lib/component/transaction-line-side-panel-purchase/transaction-line-side-panel-purchase.component","ɵer":"./lib/service/transaction-event.service","ɵes":"./lib/component/transaction-line-side-panel/transaction-line-side-panel.component","ɵet":"./lib/component/transaction-grid/transaction-base-grid/transaction-base-grid.component","ɵeu":"./lib/component/core/base/transaction-grid-base.component","ɵev":"./lib/component/transaction-grid/transaction-lines-grid/transaction-lines-grid.component","ɵew":"./lib/component/discount/discount.module","ɵex":"./lib/component/discount/discount.component","ɵey":"./lib/component/transaction-quick-access/transaction-quick-access-overview/transaction-quick-access-overview.module","ɵez":"./lib/component/transaction-quick-access/transaction-quick-access-overview/transaction-quick-access-overview.component","ɵfa":"./lib/component/transaction-grid/transaction-order-confirmation-grid/transaction-order-confirmation-grid.module","ɵfb":"./lib/component/transaction-grid/transaction-order-confirmation-grid/transaction-order-confirmation-grid.component","ɵfc":"./lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.module","ɵfd":"./lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.component","ɵfe":"./lib/component/view-mode-buttons/view-mode-buttons.module","ɵff":"./lib/component/view-mode-buttons/view-mode-buttons.component","ɵfg":"./lib/component/transaction-grid/transaction-grid/transaction-grid.module","ɵfh":"./lib/component/transaction-grid/transaction-grid/transaction-grid.component","ɵfi":"./lib/component/transaction-search/service/transaction-search.service","ɵfj":"./lib/component/transaction-search/transaction-search-result/transaction-search-result.module","ɵfk":"./lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.module","ɵfl":"./lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.component","ɵfm":"./lib/component/core/base/transaction-search-tile-base.component","ɵfn":"./lib/component/transaction-search/transaction-search-tile/transaction-search-purchase-order-tile/transaction-search-purchase-order-tile.module","ɵfo":"./lib/component/transaction-search/transaction-search-tile/transaction-search-purchase-order-tile/transaction-search-purchase-order-tile.component","ɵfp":"./lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/transaction-search-sales-order-grid.module","ɵfq":"./lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/transaction-search-sales-order-grid.component","ɵfr":"./lib/component/core/base/transaction-search-grid-base.component","ɵfs":"./lib/component/transaction-search/transaction-search-grid/transaction-search-purchase-order-grid/transaction-search-purchase-order-grid.module","ɵft":"./lib/component/transaction-search/transaction-search-grid/transaction-search-purchase-order-grid/transaction-search-purchase-order-grid.component","ɵfu":"./lib/component/transaction-search/transaction-search-header/transaction-search-header.module","ɵfv":"./lib/component/transaction-search/transaction-search-header/transaction-search-header.component","ɵfw":"./lib/component/transaction-search/transaction-search-grid/transaction-search-grid/transaction-search-grid.module","ɵfx":"./lib/component/transaction-search/transaction-search-grid/transaction-search-grid/transaction-search-grid.component","ɵfy":"./lib/component/transaction-search/transaction-search-tile/transaction-search-tile/transaction-search-tile.module","ɵfz":"./lib/component/transaction-search/transaction-search-tile/transaction-search-tile/transaction-search-tile.component","ɵga":"./lib/component/transaction-search/transaction-search-result/transaction-search-result.component","ɵgb":"./lib/component/transaction-search/transaction-filter/transaction-sales-order-filter/transaction-sales-order-filter.module","ɵgc":"./lib/component/transaction-search/transaction-filter-categories/transaction-filter-categories.module","ɵgd":"./lib/component/transaction-search/transaction-filter-categories/transaction-filter-categories.component","ɵge":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-order/transaction-sales-order-filter-content-order.module","ɵgf":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-order/transaction-sales-order-filter-content-order.component","ɵgg":"./lib/component/core/base/transaction-filter-content-base.component","ɵgh":"./lib/component/transaction-search/service/filter-request.service","ɵgi":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-logistics/transaction-sales-order-filter-content-logistics.module","ɵgj":"./lib/component/transaction-search/transaction-filter-historic-state/transaction-filter-historic-state.module","ɵgk":"./lib/component/transaction-search/transaction-filter-historic-state/transaction-filter-historic-state.component","ɵgl":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-logistics/transaction-sales-order-filter-content-logistics.component","ɵgm":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-article/transaction-sales-order-filter-content-article.module","ɵgn":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-article/transaction-sales-order-filter-content-article.component","ɵgo":"./lib/component/transaction-search/transaction-filter/transaction-sales-order-filter/transaction-sales-order-filter.component","ɵgp":"./lib/component/core/base/transaction-filter-base.component","ɵgq":"./lib/component/transaction-search/transaction-filter/transaction-purchase-order-filter/transaction-purchase-order-filter.module","ɵgr":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-order/transaction-purchase-order-filter-content-order.module","ɵgs":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-order/transaction-purchase-order-filter-content-order.component","ɵgt":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-logistics/transaction-purchase-order-filter-content-logistics.module","ɵgu":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-logistics/transaction-purchase-order-filter-content-logistics.component","ɵgv":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-article/transaction-purchase-order-filter-content-article.module","ɵgw":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-article/transaction-purchase-order-filter-content-article.component","ɵgx":"./lib/component/transaction-search/transaction-filter/transaction-purchase-order-filter/transaction-purchase-order-filter.component","ɵgy":"./lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.module","ɵgz":"./lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.component"},"importAs":"@colijnit/transaction"}
1
+ {"__symbolic":"module","version":4,"metadata":{"CheckoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"co-checkout","template":"\n <co-stepper [finishButtonLabel]=\"'CHECKOUT_FINISH' | localize\" (finishStep)=\"handleFinishStep()\">\n <co-stepper-step #stepRelation [index]=\"1\" [label]=\"'YOUR_DATA' | localize\" (validateStep)=\"handleRelationValidation()\">\n <co-checkout-overview-relation-edit #checkoutRelation *ngIf=\"stepRelation.show\" [(relation)]=\"service.relation\"\n (relationChange)=\"service.relation = $event\"\n ></co-checkout-overview-relation-edit>\n </co-stepper-step>\n <co-stepper-step #stepDelivery [index]=\"2\" [label]=\"'DELIVERY' | localize\" (validateStep)=\"handleDeliveryValidation()\">\n <co-checkout-overview-delivery-edit #checkoutDelivery *ngIf=\"stepDelivery.show\"\n [transaction]=\"service.currentTransaction\"\n ></co-checkout-overview-delivery-edit>\n </co-stepper-step>\n <co-stepper-step #stepOverview [index]=\"3\" [label]=\"'OVERVIEW' | localize\" (validateStep)=\"handleOverviewValidation()\">\n </co-stepper-step>\n <co-stepper-step #stepPayment [index]=\"4\" [label]=\"'PAYMENT' | localize\" (validateStep)=\"handlePaymentValidation()\">\n <co-payment #checkoutPayment *ngIf=\"stepPayment.show\"\n [transactionUuid]=\"service.currentTransaction.transactionInfo.uuid\"\n [amount]=\"service.currentTransaction.transactionTotal.netAmount\"\n [currencyId]=\"service.currentTransaction.transactionInfo.currencyId\"\n ></co-payment>\n </co-stepper-step>\n <div class=\"co-checkout-right-panel\">\n <div class=\"co-checkout-right-panel-relation\">\n <co-avatar [relationId]=\"sellerId\"></co-avatar>\n </div>\n <co-shopping-cart-preview [showCheckoutButton]=\"false\" [withoutBorder]=\"true\"></co-shopping-cart-preview>\n </div>\n </co-stepper>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":43,"character":17},"member":"None"}}]}],"members":{"stepRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["stepRelation"]}]}],"stepDelivery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":["stepDelivery"]}]}],"stepPayment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["stepPayment"]}]}],"stepOverview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":3},"arguments":["stepOverview"]}]}],"stepPay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["stepPay"]}]}],"checkoutRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["checkoutRelation"]}]}],"checkoutDelivery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":64,"character":3},"arguments":["checkoutDelivery"]}]}],"checkoutPayment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":67,"character":3},"arguments":["checkoutPayment"]}]}],"sellerId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"transactionFinished":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":76,"character":3},"arguments":["class.co-checkout"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"}]}],"handleRelationValidation":[{"__symbolic":"method"}],"handleDeliveryValidation":[{"__symbolic":"method"}],"handlePaymentValidation":[{"__symbolic":"method"}],"handleOverviewValidation":[{"__symbolic":"method"}],"handleFinishStep":[{"__symbolic":"method"}],"saveRelation":[{"__symbolic":"method"}],"handleSaveDelivery":[{"__symbolic":"method"}]}},"CheckoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":51,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":52,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":53,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":54,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":55,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":56,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":57,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":58,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":59,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogPromptModule","line":60,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":61,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":62,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":63,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":64,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PopupModule","line":65,"character":8},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":66,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoGridModule","line":67,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":68,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":69,"character":8},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoRichTextEditorModule","line":73,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"Carousel3dModule","line":74,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextareaModule","line":75,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputListboxModule","line":76,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ShoppingCartPreviewModule"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵcb"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CollapsibleModule","line":82,"character":8},{"__symbolic":"reference","name":"ɵcd"}],"declarations":[{"__symbolic":"reference","name":"ɵck"},{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","name":"ɵcm"},{"__symbolic":"reference","name":"ɵcn"},{"__symbolic":"reference","name":"ɵco"},{"__symbolic":"reference","name":"ɵcp"},{"__symbolic":"reference","name":"CheckoutComponent"}],"providers":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵc"}],"entryComponents":[{"__symbolic":"reference","name":"CheckoutComponent"}],"exports":[{"__symbolic":"reference","name":"CheckoutComponent"}],"bootstrap":[{"__symbolic":"reference","name":"CheckoutComponent"}]}]}],"members":{}},"ShoppingCartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-shopping-cart","template":"\n <div class=\"cart-header\">\n <span class=\"cart-header-label\" [textContent]=\"'SHOPPING_CART_OVERVIEW' | localize | append:'(' + service.articleAmount + ')'\"></span>\n </div>\n <div class=\"shopping-cart-transaction-wrapper\">\n <co-transaction\n [showHeader]=\"false\"\n [showQuickAccess]=\"false\"\n [showButtonBar]=\"false\"\n [transaction]=\"transaction\"\n ></co-transaction>\n </div>\n <div class=\"cart-buttons\">\n <a class=\"button-resume\" [textContent]=\"'SHOPPING_CART_RESUME' | localize\"\n (click)=\"closeCart.emit()\"\n ></a>\n <co-button class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n [disabled]=\"service.articleAmount === 0\"\n (click)=\"checkout.emit()\"></co-button>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"}}]}],"members":{"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":3},"arguments":["class.co-shopping-cart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵd"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ShoppingCartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":12,"character":4},{"__symbolic":"reference","name":"TransactionModule"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ShoppingCartComponent"}],"exports":[{"__symbolic":"reference","name":"ShoppingCartComponent"}]}]}],"members":{}},"ShoppingCartPreviewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-shopping-cart-preview","template":"\n <div class=\"cart-header\">\n <span class=\"cart-header-label\" [textContent]=\"'CART' | localize\"></span>\n </div>\n <div class=\"cart-lines\">\n <co-transaction-lines\n [transactionLines]=\"service.currentTransaction.transactionLines\"\n [preview]=\"true\"\n ></co-transaction-lines>\n </div>\n <div class=\"preview-totals-wrapper\">\n <co-transaction-totals [totals]=\"service.currentTransaction.transactionTotal\"></co-transaction-totals>\n </div>\n <div class=\"cart-buttons\">\n <a class=\"button-edit-cart\" [textContent]=\"'EDIT_CART' | localize\"\n (click)=\"editCartClick.emit()\"\n ></a>\n <co-button *ngIf=\"showCheckoutButton\" class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n [disabled]=\"!service.articleAmount\"\n (click)=\"checkout.emit()\"></co-button>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"}}]}],"members":{"showCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"withoutBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class.borderless"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"editCartClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":3},"arguments":["class.co-shopping-cart-preview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}]}},"ShoppingCartPreviewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":13,"character":8},{"__symbolic":"reference","name":"TransactionLinesModule"},{"__symbolic":"reference","name":"TransactionTotalsModule"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ShoppingCartPreviewComponent"}],"exports":[{"__symbolic":"reference","name":"ShoppingCartPreviewComponent"}]}]}],"members":{}},"TransactionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"co-transaction","template":"\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n\n <co-view-mode-buttons class=\"transaction-lines-header-item\"\n [showViewModes]=\"[viewModes.List, viewModes.Grid]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n\n <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n <co-transaction-lines\n [transactionLines]=\"transaction.transactionLines\"\n (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n (saveTransactionLine)=\"saveTransactionLine($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n <co-transaction-grid\n [transactionLines]=\"transaction.transactionLines\"\n [transactionId]=\"transactionId\"\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-grid>\n <!--\n <co-transaction-order-confirmation-grid\n *ngIf=\"activeCategory === 1\"\n [transactionLines]=\"transaction.transactionLines\"\n (sidePanelClicked)=\"handleShowSidePanel($event)\"\n ></co-transaction-order-confirmation-grid>\n -->\n </div>\n <div class=\"transaction-footer-wrapper\">\n <co-transaction-totals [totals]=\"transaction.transactionTotal\" [showDiscount]=\"true\" (discountClick)=\"addDiscount()\"></co-transaction-totals>\n </div>\n <co-discount *ngIf=\"showDiscountsSidebar\">\n </co-discount>\n\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\" @showHideSidePanel\n [transactionType]=\"transaction.transactionInfo.transactionKind\"\n [activeCategory]=\"activeCategory\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [transactionId]=\"transactionId\"\n [transactionInfoNr]=\"transaction.transactionInfo.transactionNr\"\n (cancelClick)=\"handleCloseSidePanel($event)\"\n ></co-transaction-line-side-panel>\n ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":73,"character":4},"arguments":["showHideSidePanel",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":74,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":74,"character":20},"arguments":[{"transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":75,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":75,"character":17},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":76,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":76,"character":31},"arguments":["200ms ease-in-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":79,"character":17},"member":"None"}}]}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"showQuickAccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":111,"character":3},"arguments":["class.show-quick-access"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"showButtonBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":115,"character":3},"arguments":["class.show-button-bar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":119,"character":3},"arguments":["class.co-transaction"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"addDiscount":[{"__symbolic":"method"}],"saveTransactionLine":[{"__symbolic":"method"}],"handleButtonBarButtonClicked":[{"__symbolic":"method"}],"handleShowSidePanel":[{"__symbolic":"method"}],"handleCloseSidePanel":[{"__symbolic":"method"}]}},"TransactionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵcq"},{"__symbolic":"reference","name":"TransactionLinesModule"},{"__symbolic":"reference","name":"TransactionTotalsModule"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":26,"character":4},{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":28,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":29,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":30,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":31,"character":4},{"__symbolic":"reference","name":"ɵew"},{"__symbolic":"reference","name":"TransactionQuickAccessModule"},{"__symbolic":"reference","name":"ɵej"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵcz"},{"__symbolic":"reference","name":"ɵfa"},{"__symbolic":"reference","name":"ɵfc"},{"__symbolic":"reference","name":"ɵfe"},{"__symbolic":"reference","name":"ɵfg"}],"declarations":[{"__symbolic":"reference","name":"TransactionComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionComponent"}]}]}],"members":{}},"TransactionSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-search","template":"\n <div class=\"transaction-search-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\">\n <div class=\"transaction-filter-wrapper narrow-scrollbar\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n *ngIf=\"showFilterSidebar\" @showHideFilterSidebar>\n <co-transaction-filter\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n (closeButtonClick)=\"handleHideFilter()\"\n (resetFilterClick)=\"handleResetFilter()\"></co-transaction-filter>\n </div>\n <div class=\"transaction-search-result-wrapper\">\n <co-transaction-search-result\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n (filterClick)=\"toggleFilter()\"\n (transactionClick)=\"onTransactionClick($event)\"\n (resizeClick)=\"onResizeClick()\"\n (closeClick)=\"closeClick.emit()\"\n ></co-transaction-search-result>\n </div>\n </div>\n ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":32,"character":4},"arguments":["showHideFilterSidebar",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":33,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":20},"arguments":[{"transform":"translateX(-100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":34,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":17},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":35,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":31},"arguments":["200ms ease-in-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"None"}}]}],"members":{"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"searchViewModeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":3},"arguments":["class.co-transaction-search"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"}]}],"toggleFilter":[{"__symbolic":"method"}],"handleHideFilter":[{"__symbolic":"method"}],"handleResetFilter":[{"__symbolic":"method"}],"onTransactionClick":[{"__symbolic":"method"}],"onResizeClick":[{"__symbolic":"method"}]}},"TransactionSearchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputSearchModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵfj"},{"__symbolic":"reference","name":"ɵgb"},{"__symbolic":"reference","name":"ɵgq"},{"__symbolic":"reference","name":"ɵgy"}],"declarations":[{"__symbolic":"reference","name":"TransactionSearchComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionSearchComponent"}]}]}],"members":{}},"TransactionHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-header","template":"\n <div class=\"transaction-header-wrapper\">\n <co-transaction-header-relation [relationId]=\"relationId\"></co-transaction-header-relation>\n<!--\n <co-transaction-header-contact [relationId]=\"relationId\"></co-transaction-header-contact>\n-->\n <co-transaction-header-delivery [transaction]=\"transaction\"></co-transaction-header-delivery>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"}}]}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["class.co-transaction-header"]}]}]}},"TransactionHeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"TransactionHeaderRelationModule"},{"__symbolic":"reference","name":"TransactionHeaderOrderModule"},{"__symbolic":"reference","name":"TransactionHeaderDeliveryModule"},{"__symbolic":"reference","name":"ɵcu"}],"declarations":[{"__symbolic":"reference","name":"TransactionHeaderComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionHeaderComponent"}]}]}],"members":{}},"TransactionHeaderOrderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-header-order","template":"\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n </ng-template>\n <ng-template #firstBlock>\n <span class=\"header-order-total-label co-transaction-label\" [textContent]=\"'ORDER_TOTAL' | localize\"></span>\n <div class=\"header-order-total\" [textContent]=\"transactionTotal.netAmount | priceDisplay\"></div>\n </ng-template>\n <ng-template #secondBlock>\n <span class=\"header-order-line-amount-label co-transaction-label\" [textContent]=\"'ORDER_LINES' | localize\"></span>\n <div class=\"header-order-line-amount\" [textContent]=\"transactionLines.length\"></div>\n </ng-template>\n <ng-template #thirdBlock>\n <div class=\"header-order-definitive-label co-transaction-label\" [textContent]=\"'DEFINITIVE' | localize\"></div>\n <co-input-checkbox [model]=\"true\"></co-input-checkbox>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class.co-transaction-header-order"]}]}]}},"TransactionHeaderOrderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵcr"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"TransactionHeaderOrderComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionHeaderOrderComponent"}]}]}],"members":{}},"TransactionHeaderDeliveryComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-header-delivery","template":"\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-delivery-method\">\n <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.DeliveryTruck)\"></co-icon>\n <span [textContent]=\"deliveryMethod?.description\"></span>\n </div>\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconService.getIcon(icons.CalendarDay)\"></co-icon>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n <span class=\"header-delivery-deliverydate\" [textContent]=\"transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n <co-icon *ngIf=\"transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeSolid)\"></co-icon>\n <co-icon *ngIf=\"!transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeOpenSolid)\"></co-icon>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n <div class=\"header-delivery-preferred-deliverydate\" [textContent]=\"transactionInfo.preferredDeliveryDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n <ng-template #thirdBlock>\n <div class=\"header-delivery-partial-delivery-label co-transaction-label\" [textContent]=\"'PART_DELIVERY' | localize\"></div>\n <co-input-checkbox class=\"header-delivery-partial-delivery\" [model]=\"transactionInfo.allowPartialDelivery\"></co-input-checkbox>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":42,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":3},"arguments":["class.co-transaction-header-delivery"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"transactionSet":[{"__symbolic":"method"}]}},"TransactionHeaderDeliveryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵcr"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":13,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"TransactionHeaderDeliveryComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionHeaderDeliveryComponent"}]}]}],"members":{}},"TransactionHeaderRelationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-header-relation","template":"\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"relation.displayName\"></div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-relation-address\" [textContent]=\"relation.displayAddress\"></div>\n <div class=\"header-relation-postal\" [textContent]=\"relation.displayPostalcodeCity\"></div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-relation-email\" [textContent]=\"relation.email\"></div>\n <div class=\"header-relation-phone\" [textContent]=\"relation.tel1\"></div>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["class.co-transaction-header-relation"]}]}]}},"TransactionHeaderRelationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":8},{"__symbolic":"reference","name":"ɵcr"}],"declarations":[{"__symbolic":"reference","name":"TransactionHeaderRelationComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionHeaderRelationComponent"}]}]}],"members":{}},"TransactionLineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"co-transaction-line","template":"\n <div class=\"transaction-line\">\n <ng-container *ngIf=\"line.isArticle\">\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-image\" [class.preview]=\"preview\">\n <co-image-display [model]=\"image\"></co-image-display>\n </div>\n <div class=\"transaction-line-description\">\n <div class=\"description-wrapper\">\n <span [textContent]=\"line.goodDescription\" class=\"transaction-line-description-description\"></span>\n <span *ngIf=\"line.goodDescription && line.articleNumber\" class=\"transaction-line-description-divider\">|</span>\n <span [textContent]=\"line.articleNumber\" class=\"transaction-line-description-sku\"></span>\n <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n </div>\n <div *ngIf=!preview class=\"article-text-wrapper\">\n <div class=\"article-text\" *ngFor=\"let text of line.articleTestAsArray\">\n <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n </div>\n </div>\n <div *ngIf=!preview class=\"configuration-text-wrapper\">\n <span [innerHTML]=\"line.configurationReadable\"></span>\n </div>\n </div>\n <div *ngIf=!preview class=\"transaction-line-stock\">\n <div class=\"transaction-line-stock-wrapper\">\n <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n </div>\n <div class=\"transaction-line-stock-wrapper\">\n <span [textContent]=\"'DELIVERY_DATE' | localize\" class=\"small-font\"></span>\n <span [textContent]=\"line.deliveryDate | date:'dd MMM YYYY'\"></span>\n </div>\n </div>\n <div class=\"transaction-line-totals\">\n <co-transaction-line-price class=\"transaction-line-totals-price price\"\n [transactionLine]=\"line\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n ></co-transaction-line-price>\n <co-editable-label class=\"transaction-line-totals-discount discount\"\n [model]=\"line.lineTotalDiscountAmount | coCurrency\"\n [editModel]=\"line.lineTotalDiscountAmount\"\n [readonly]=\"readonly\"\n [commit]=\"true\"\n ></co-editable-label>\n <div *ngIf=!preview class=\"transaction-line-totals-amount\">\n <co-input-number-picker class=\"amount-number-picker\"\n [(model)]=\"localAmount\" [min]=\"0\"\n [readonly]=\"readonly\"\n (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n </div>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"line.displayNetLineTotal | coCurrency\"\n [editModel]=\"line.displayNetLineTotal\"\n [readonly]=\"readonly\"\n [commit]=\"!readonly\"\n ></co-editable-label>\n </div>\n <div *ngIf=\"!preview\" class=\"transaction-line-buttons\">\n <co-transaction-line-action-buttons\n [transactionLine]=\"line\"\n (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n (sidePanelButtonClicked)=\"handleShowSidePanel()\"\n ></co-transaction-line-action-buttons>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"line.isText\">\n <div [textContent]=\"line.text\"></div>\n <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n <div class=\"delete-wrapper\" (click)=\"deleteTransactionLineClick()\">\n <icon class=\"delete-icon\" [icon]=\"icons.Cancel\"></icon>\n <div class=\"delete-link\"\n [textContent]=\"'DELETE_TRANSACTION_LINE' | localize:false\">\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":94,"character":17},"member":"None"}}]}],"members":{"preview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":99,"character":3},"arguments":["class.preview"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"line":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"waitingForUserAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":3}}]}],"sidePanelButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":121,"character":3}}]}],"transactionLineActionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":124,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbq"}]}]}],"isText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":127,"character":3},"arguments":["class.is-text"]}]}],"isArticle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":130,"character":3},"arguments":["class.is-article"]}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":133,"character":3},"arguments":["class.is-selected"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3},"arguments":["selected"]}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":137,"character":3},"arguments":["class.co-transaction-line"]}]}],"handleMouseOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":142,"character":3},"arguments":["mouseover",["$event"]]}]}],"handleMouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":147,"character":3},"arguments":["mouseleave",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵbw"}]}],"changeLineAmount":[{"__symbolic":"method"}],"deleteTransactionLineClick":[{"__symbolic":"method"}],"handleOpenArticleText":[{"__symbolic":"method"}],"handleShowSidePanel":[{"__symbolic":"method"}],"_loadLineImage":[{"__symbolic":"method"}]}},"TransactionLineModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":22,"character":8},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbt"}],"declarations":[{"__symbolic":"reference","name":"TransactionLineComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionLineComponent"}]}]}],"members":{}},"TransactionLineGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-line-grid","template":"\n\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"}}]}],"members":{"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":3},"arguments":["class.co-transaction-line-grid"]}]}]}},"TransactionLineGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"TransactionLineGridComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionLineGridComponent"}]}]}],"members":{}},"TransactionLinesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"co-transaction-lines","template":"\n <div cdkDropListGroup class=\"drop-list-group\">\n <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n [cdkDropListDisabled]=\"preview || userActionRequired\"\n [cdkDropListData]=\"transactionLines\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n >\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n <co-transaction-line\n [preview]=\"preview\"\n [line]=\"line\"\n [selected]=\"line === selectedTransactionLine\"\n (dblclick)=\"handleTransactionLineDblClick(line)\"\n (sidePanelButtonClicked)=\"handleShowSidePanelClicked(line)\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n ></co-transaction-line>\n </div>\n </div>\n </div>\n <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.Txt)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n [header]=\"'TEXT' | localize\"\n [transactionLine]=\"selectedArticleText\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleText($event)\"\n (cancelClick)=\"closeTransactionArticleText($event)\"\n ></co-transaction-article-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":43,"character":17},"member":"None"}}]}],"members":{"transactionArticleText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbm"}]}]}],"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"preview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"saveTransactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"showSidePanelClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class.co-transaction-lines"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"trackByFn":[{"__symbolic":"method"}],"handleCanDragDrop":[{"__symbolic":"method"}],"handleDrop":[{"__symbolic":"method"}],"handleTransactionLineDblClick":[{"__symbolic":"method"}],"handleTransactionArticleText":[{"__symbolic":"method"}],"closeTransactionArticleText":[{"__symbolic":"method"}],"saveTransactionArticleLineText":[{"__symbolic":"method"}],"handleShowSidePanelClicked":[{"__symbolic":"method"}],"_showArticleTextDialog":[{"__symbolic":"method"}],"_hideArticleTextDialog":[{"__symbolic":"method"}]}},"TransactionLinesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"TransactionLineModule"},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":8},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"TransactionLinesComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionLinesComponent"}]}]}],"members":{}},"TransactionTotalsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-totals","template":"\n <div class=\"transaction-totals-wrapper\">\n <span class=\"totals-gross label\" [textContent]=\"'ORDER_GROSS' | localize\"></span>\n <span class=\"totals-gross value\" [textContent]=\"totals?.grossAmount | coCurrency: true\"></span>\n <ng-container *ngIf=\"totals?.discountAmount\">\n <span class=\"totals-discount-amount label\" [textContent]=\"'DISCOUNT_AMOUNT' | localize\"></span>\n <span class=\"totals-discount-amount value\" [textContent]=\"totals?.discountAmount | coCurrency: true\"></span>\n </ng-container>\n <ng-container *ngIf=\"totals?.transactionDiscountAmount\">\n <span class=\"totals-discount label\" [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></span>\n <span class=\"totals-discount value\" [textContent]=\"totals?.transactionDiscountAmount | coCurrency: true\"></span>\n </ng-container>\n <ng-container *ngIf=\"totals?.transactionDiscountPercentage\">\n <span class=\"totals-discount-percentage label\" [textContent]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"></span>\n <span class=\"totals-discount-percentage value\" [textContent]=\"totals?.transactionDiscountPercentage.toString() | append:' %'\"></span>\n </ng-container>\n <span class=\"totals-net label\" [textContent]=\"'ORDER_NET'| localize\"></span>\n <span class=\"totals-net value\" [textContent]=\"totals?.netAmount | coCurrency: true\"></span>\n <a *ngIf=\"showDiscount\" class=\"add-discount label\" (click)=\"discountClick.emit($event)\" [textContent]=\"'ADD_DISCOUNTS' | localize\"></a>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":26,"character":17},"member":"None"}}]}],"members":{"totals":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"showDiscount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"discountClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["class.co-transaction-totals"]}]}]}},"TransactionTotalsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"TransactionTotalsComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionTotalsComponent"}]}]}],"members":{}},"TransactionQuickAccessComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"co-transaction-quick-access","template":"\n <div #quickAccessContent class=\"quick-access-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"}}]}],"members":{"quickAccessContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["quickAccessContent",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":43}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"activeCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":51,"character":3},"arguments":["class.co-transaction-quick-access"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":62,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":63,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":64,"character":22}]}],"_prepareContent":[{"__symbolic":"method"}]}},"TransactionQuickAccessModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":17,"character":4},{"__symbolic":"reference","name":"TransactionQuickAccessOrderConfirmationModule"},{"__symbolic":"reference","name":"TransactionQuickAccessReceivedGoodsModule"},{"__symbolic":"reference","name":"ɵey"}],"declarations":[{"__symbolic":"reference","name":"TransactionQuickAccessComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionQuickAccessComponent"}]}]}],"members":{}},"TransactionQuickAccessOrderConfirmationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-quick-access-order-confirmation","template":"\n <co-input-date\n [model]=\"\"\n [placeholder]=\"'CONFIRMED_DATE' | localize\"\n ></co-input-date>\n <co-input-text\n [placeholder]=\"'REFERENCE' | localize\"\n ></co-input-text>\n <co-input-checkbox\n ></co-input-checkbox>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["class.co-transaction-quick-access-order-confirmation"]}]}]}},"TransactionQuickAccessOrderConfirmationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":9,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":10,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"TransactionQuickAccessOrderConfirmationComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionQuickAccessOrderConfirmationComponent"}]}]}],"members":{}},"TransactionQuickAccessReceivedGoodsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-quick-access-received-goods","template":"\n <co-input-date\n [placeholder]=\"'CONFIRMED_DATE' | localize\"\n [(model)]=\"this.commitDate\"\n ></co-input-date>\n <co-input-text\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [(model)]=\"this.commitReferenceId\"\n ></co-input-text>\n <co-input-checkbox\n class=\"checkbox-wrapper\"\n [(model)]=\"commitCheckboxState\"\n [disabled]=\"commitCheckboxState\"\n (modelChange)=\"handleCommitEvent({checkboxValue: $event, date: this.commitDate, id: this.commitReferenceId})\"\n ></co-input-checkbox>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"commitDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"commitReferenceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"packingSlipId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"checkboxValueChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["class.co-transaction-quick-access-received-goods"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleCommitEvent":[{"__symbolic":"method"}]}},"TransactionQuickAccessReceivedGoodsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":12,"character":8}],"declarations":[{"__symbolic":"reference","name":"TransactionQuickAccessReceivedGoodsComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionQuickAccessReceivedGoodsComponent"}]}]}],"members":{}},"TransactionConfirmationDetailsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-transaction-confirmation-details","template":"\n <div class=\"confirmation-details-wrapper\">\n <co-form>\n <div class=\"details-header\">\n <span class=\"header-left-text\" [textContent]=\"'ORDER_CONFIRMATIONS' | localize\"></span>\n <co-icon class=\"header-left-text\" [iconData]=\"iconCacheService.getIcon(icons.PlusRound)\" (click)=\"addButtonClicked()\"></co-icon>\n <div class=\"details-header-right\">\n <span class=\"header-right-text\" [textContent]=\"'REQUESTED_DELIVERY' | localize\"></span>\n <span class=\"header-right-text-colon\" [textContent]=\"': '\"></span>\n <span class=\"header-right-text\" [textContent]=\"transactionLines.deliveryDate | date:'dd-MM-YYYY'\"></span>\n </div>\n </div>\n <div *ngIf=\"showAddOrder\" class=\"columns-wrapper\">\n <div class=\"details-column\">\n <co-input-text class=\"details-input\"\n [(model)]=\"docBatchArray.docAmount\"\n [placeholder]=\"'AMOUNT' | localize\">\n </co-input-text>\n\n <co-input-date class=\"details-input\"\n [(model)]=\"docBatchArray.docDate\">\n </co-input-date>\n\n <co-input-text class=\"details-input\"\n [(model)]=\"docBatchArray.confirmedPrice\"\n [placeholder]=\"'CONFIRMED_PRICE' | localize\">\n </co-input-text>\n </div>\n\n <div class=\"divider-wrapper\">\n <div class=\"divider\"></div>\n </div>\n\n <div class=\"details-column\">\n <co-input-text class=\"details-input\"\n [(model)]=\"docBatchArray.reference\"\n disabled\n [placeholder]=\"'REFERENCE' | localize\">\n </co-input-text>\n\n <co-input-text class=\"details-input\"\n [(model)]=\"docBatchArray.deliveryBatch\"\n [placeholder]=\"'DELIVERY_BATCH' | localize\">\n </co-input-text>\n </div>\n </div>\n </co-form>\n\n <div *ngIf=\"showAddOrder\" class=\"save-cancel-wrapper\">\n <co-default-ok-cancel-buttons (okClick)=\"handleOkClick()\"></co-default-ok-cancel-buttons>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":63,"character":17},"member":"None"}}]}],"members":{"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"transactionInfoNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":74,"character":3},"arguments":["class.co-transaction-confirmation-details"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"addButtonClicked":[{"__symbolic":"method"}],"handleOkClick":[{"__symbolic":"method"}]}},"TransactionConfirmationDetailsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":21,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":22,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":23,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":24,"character":8},{"__symbolic":"reference","name":"ɵeo"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":26,"character":8}],"declarations":[{"__symbolic":"reference","name":"TransactionConfirmationDetailsComponent"},{"__symbolic":"reference","name":"TransactionConfirmationDetailsComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionConfirmationDetailsComponent"},{"__symbolic":"reference","name":"TransactionConfirmationDetailsComponent"}]}]}],"members":{}},"TransactionConfirmationHistoryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-confirmation-history","template":"\n <div class=\"history-grid-wrapper\">\n <co-simple-grid [data]=\"purchasePortalLines\">\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amountOrdered'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PRICE' | localize\" [field]=\"'grossOrderPrice'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [field]=\"'reference'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DATE' | localize\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'USER' | localize\" [field]=\"'user'\"></co-simple-grid-column>\n </co-simple-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"transactionInfoNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.co-transaction-confirmation-history"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":51,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"getPurchasePortalLines":[{"__symbolic":"method"}]}},"TransactionConfirmationHistoryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":19,"character":4},{"__symbolic":"reference","name":"ɵeb"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CollapsibleModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":22,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":23,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":24,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":25,"character":4}],"declarations":[{"__symbolic":"reference","name":"TransactionConfirmationHistoryComponent"}],"exports":[{"__symbolic":"reference","name":"TransactionConfirmationHistoryComponent"}]}]}],"members":{}},"TransactionService":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":52,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"pendingLineOperationStatus":[{"__symbolic":"method"}],"updatePriceTransactionLine":[{"__symbolic":"method"}],"updateReferenceTransactionLine":[{"__symbolic":"method"}],"updateHeaderTransactionDefinitive":[{"__symbolic":"method"}],"updateQuantityTransactionLine":[{"__symbolic":"method"}],"updateDeliveryDateTransactionLine":[{"__symbolic":"method"}],"updatePriceListTransactionLine":[{"__symbolic":"method"}],"updateVatTransactionLine":[{"__symbolic":"method"}],"updateCommissionCodeTransactionLine":[{"__symbolic":"method"}],"updateWarehouseTransactionLine":[{"__symbolic":"method"}],"updateDeliveryMethodTransactionLine":[{"__symbolic":"method"}],"updateDiscountTransactionLine":[{"__symbolic":"method"}],"searchTransactions":[{"__symbolic":"method"}],"saveRelation":[{"__symbolic":"method"}],"getSequenceValue":[{"__symbolic":"method"}],"getRelationPrivacySettings":[{"__symbolic":"method"}],"getArticleBoundTextLinesOfArticleLine":[{"__symbolic":"method"}],"createTransaction":[{"__symbolic":"method"}],"getTransaction":[{"__symbolic":"method"}],"openExistingTransaction":[{"__symbolic":"method"}],"getTransactionById":[{"__symbolic":"method"}],"commit":[{"__symbolic":"method"}],"saveTransaction":[{"__symbolic":"method"}],"saveTransactionByUuid":[{"__symbolic":"method"}],"addRelationToTransaction":[{"__symbolic":"method"}],"getCommissionCodes":[{"__symbolic":"method"}],"getInOutCollection":[{"__symbolic":"method"}],"getTurnoverGroups":[{"__symbolic":"method"}],"getTransactionArticleWarehouses":[{"__symbolic":"method"}],"getMarketingCodes":[{"__symbolic":"method"}],"getArticles":[{"__symbolic":"method"}],"getMainArticles":[{"__symbolic":"method"}],"insertCustomer":[{"__symbolic":"method"}],"updateCustomer":[{"__symbolic":"method"}],"getDeliveryMethods":[{"__symbolic":"method"}],"getDeliveryOptions":[{"__symbolic":"method"}],"getRelationListObjects":[{"__symbolic":"method"}],"addArticle":[{"__symbolic":"method"}],"addTransactionLine":[{"__symbolic":"method"}],"addTextLine":[{"__symbolic":"method"}],"addTextLineToTransaction":[{"__symbolic":"method"}],"changeLineSequence":[{"__symbolic":"method"}],"deleteTransactionLine":[{"__symbolic":"method"}],"changeTransactionLineQuantity":[{"__symbolic":"method"}],"setRelationByUser":[{"__symbolic":"method"}],"getCustomerFullObjectByRelationId":[{"__symbolic":"method"}],"getGoodsReceiptStatus":[{"__symbolic":"method"}],"getGoodsReceiptStatusWithHistory":[{"__symbolic":"method"}],"receiveGoodsForPurchaseOrder":[{"__symbolic":"method"}],"receiveGoodsForPurchaseOrderCorrection":[{"__symbolic":"method"}],"getTextTypes":[{"__symbolic":"method"}],"getStandardTexts":[{"__symbolic":"method"}],"getArticleFullObject":[{"__symbolic":"method"}],"getGoodIdFromArticleNr":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}],"getCashRegisters":[{"__symbolic":"method"}],"getRelationNumber":[{"__symbolic":"method"}],"getPriceLists":[{"__symbolic":"method"}],"getVatLists":[{"__symbolic":"method"}],"getBranches":[{"__symbolic":"method"}],"getSalesPersons":[{"__symbolic":"method"}],"getTags":[{"__symbolic":"method"}],"getOnHoldCodes":[{"__symbolic":"method"}],"getWarehouses":[{"__symbolic":"method"}],"getHistoricStateValues":[{"__symbolic":"method"}],"getCustomerGroups":[{"__symbolic":"method"}],"getFirstAddress":[{"__symbolic":"method"}],"getPurchasePortalLines":[{"__symbolic":"method"}],"updatePurchasePortalLines":[{"__symbolic":"method"}],"_checkAndCreateTransaction":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵg"}]}],"init":[{"__symbolic":"method"}],"cancelAddTransactionLine":[{"__symbolic":"method"}],"handleLineOperationStatuses":[{"__symbolic":"method"}],"_rememberCurrentTransaction":[{"__symbolic":"method"}],"_handleLineOperationStatus":[{"__symbolic":"method"}],"resolvePendingLineReason":[{"__symbolic":"method"}],"_confirmAction":[{"__symbolic":"method"}],"_showReasonDialog":[{"__symbolic":"method"}],"_setAmount":[{"__symbolic":"method"}],"_initializeTransaction":[{"__symbolic":"method"}],"_cancelArticle":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":13,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":14,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":15,"character":22}]}],"showYesNo":[{"__symbolic":"method"}],"showError":[{"__symbolic":"method"}],"showInformation":[{"__symbolic":"method"}],"_createComponent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"createSettingsFromObject":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setDictionary":[{"__symbolic":"method"}],"_loadDictionary":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":52,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"}]}],"connect":[{"__symbolic":"method"}],"getArticleFullObject":[{"__symbolic":"method"}],"getGoodIdFromArticleNr":[{"__symbolic":"method"}],"getSingleImage":[{"__symbolic":"method"}],"getCountries":[{"__symbolic":"method"}],"getCustomerGroups":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}],"getPrivacySettings":[{"__symbolic":"method"}],"getRelationPrivacySettings":[{"__symbolic":"method"}],"getMarketingCodes":[{"__symbolic":"method"}],"createTransaction":[{"__symbolic":"method"}],"getArticleBoundTextLinesOfArticleLine":[{"__symbolic":"method"}],"getTransactionByNrAndKind":[{"__symbolic":"method"}],"getTransactionById":[{"__symbolic":"method"}],"commit":[{"__symbolic":"method"}],"saveTransaction":[{"__symbolic":"method"}],"getCustomerFullObject":[{"__symbolic":"method"}],"getCashRegisters":[{"__symbolic":"method"}],"getRelationNumber":[{"__symbolic":"method"}],"getPriceLists":[{"__symbolic":"method"}],"getVatList":[{"__symbolic":"method"}],"searchTransactions":[{"__symbolic":"method"}],"getSequenceValue":[{"__symbolic":"method"}],"insertCustomer":[{"__symbolic":"method"}],"updateCustomer":[{"__symbolic":"method"}],"getDeliveryMethods":[{"__symbolic":"method"}],"getDeliveryOptions":[{"__symbolic":"method"}],"addRelationToTransaction":[{"__symbolic":"method"}],"setTransactionDeliveryOptions":[{"__symbolic":"method"}],"getPostalCodeRetrieval":[{"__symbolic":"method"}],"getRelationListObjects":[{"__symbolic":"method"}],"addTransactionLine":[{"__symbolic":"method"}],"addTextLineToTransaction":[{"__symbolic":"method"}],"changeLineSequence":[{"__symbolic":"method"}],"cancelAddTransactionLine":[{"__symbolic":"method"}],"deleteTransactionLine":[{"__symbolic":"method"}],"changeTransactionLineQuantity":[{"__symbolic":"method"}],"resolvePendingLineReason":[{"__symbolic":"method"}],"getCommissionCodes":[{"__symbolic":"method"}],"getInOutCollection":[{"__symbolic":"method"}],"getTransactionArticleWarehouses":[{"__symbolic":"method"}],"setRelationByUser":[{"__symbolic":"method"}],"getTextTypes":[{"__symbolic":"method"}],"getStandardTexts":[{"__symbolic":"method"}],"getBranches":[{"__symbolic":"method"}],"getSalesPersons":[{"__symbolic":"method"}],"getTags":[{"__symbolic":"method"}],"getOnHoldCodes":[{"__symbolic":"method"}],"getWarehouses":[{"__symbolic":"method"}],"getHistoricStateValues":[{"__symbolic":"method"}],"getPaymentMethods":[{"__symbolic":"method"}],"changeTransactionLineCommissionCode":[{"__symbolic":"method"}],"changeTransactionLineWarehouse":[{"__symbolic":"method"}],"changeTransactionLinePrice":[{"__symbolic":"method"}],"changeTransactionLinePriceList":[{"__symbolic":"method"}],"changeTransactionLineVat":[{"__symbolic":"method"}],"changeTransactionLineLineDiscount":[{"__symbolic":"method"}],"changeTransactionLineDeliveryMethod":[{"__symbolic":"method"}],"changeTransactionLineDeliveryDate":[{"__symbolic":"method"}],"changeTransactionLineAssemblyTime":[{"__symbolic":"method"}],"changeTransactionLineEditTime":[{"__symbolic":"method"}],"changeTransactionLineSupplierArticleNumber":[{"__symbolic":"method"}],"changeTransactionLineReference":[{"__symbolic":"method"}],"changeHeaderTransactionDefinitive":[{"__symbolic":"method"}],"changeTransactionLineCollectionCode":[{"__symbolic":"method"}],"createOutstandingEntry":[{"__symbolic":"method"}],"registerSalesOrderPayment":[{"__symbolic":"method"}],"createIonePaymentLinkAndQRCode":[{"__symbolic":"method"}],"getGoodsReceiptStatus":[{"__symbolic":"method"}],"getGoodsReceiptStatusWithHistory":[{"__symbolic":"method"}],"receiveGoodsForPurchaseOrder":[{"__symbolic":"method"}],"receiveGoodsForPurchaseOrderCorrection":[{"__symbolic":"method"}],"getPurchasePortalLines":[{"__symbolic":"method"}],"updatePurchasePortalLines":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getCollection":[{"__symbolic":"method"}],"cacheCollection":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"}]}],"connect":[{"__symbolic":"method"}],"getWarehouseLocations":[{"__symbolic":"method"}],"searchArticles":[{"__symbolic":"method"}],"getMainArticles":[{"__symbolic":"method"}],"getTurnoverGroups":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":15,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":4},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"}],"exports":[{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"}]}]}],"members":{}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":9,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵr"}],"exports":[{"__symbolic":"reference","name":"ɵr"}]}]}],"members":{}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"}],"exports":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵo"}]}]}],"members":{}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"append"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"deliveryTime","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"transform":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"dateDuration","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"transform":[{"__symbolic":"method"}],"transformByDeltaDays":[{"__symbolic":"method"}],"transformByDeltaWeeks":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"localize"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"transform":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"coCurrency"}]}],"members":{"transform":[{"__symbolic":"method"}]},"statics":{"_CurrencySymbol":"€","_WholeNumberedPriceSuffix":",-"}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safeStyle"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":34}]}],"transform":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safeHtml"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":34}]}],"transform":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵs"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-confirmation-dialog","template":"\n <co-dialog [showCloseIcon]=\"false\">\n <div class=\"confirmation-dialog-wrapper\">\n <div class=\"title\" [textContent]=\"title | localize\"></div>\n <div class=\"text\" [textContent]=\"text\"></div>\n <div class=\"button-wrapper\">\n <ng-container *ngIf=\"type === ptype.Confirmation\">\n <co-button [label]=\"'YES' | localize\" (click)=\"handleYesClick($event)\"></co-button>\n <co-button [label]=\"'NO' | localize\" (click)=\"handleNoClick($event)\"></co-button>\n </ng-container>\n <ng-container *ngIf=\"type === ptype.Information\">\n <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick($event)\"></co-button>\n </ng-container>\n </div>\n </div>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["class.co-confirmation-dialog"]}]}],"handleYesClick":[{"__symbolic":"method"}],"handleNoClick":[{"__symbolic":"method"}],"handleOkClick":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","members":{"onClose":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-image-display","template":"\n <img class=\"image\" *ngIf=\"!!model\" [src]=\"model\">\n <div class=\"no-image\" *ngIf=\"!model\">\n <div class=\"img\"></div>\n <div class=\"no-image-label\" [textContent]=\"label | localize\"></div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"}}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":3},"arguments":["class.co-image-display"]}]}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"icon","template":"","styles":[""]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"svg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":3},"arguments":["innerHtml"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"_setSvg":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":20,"character":24}]}],"getIcon":[{"__symbolic":"method"}],"getIconAsBase64":[{"__symbolic":"method"}],"getRawIcon":[{"__symbolic":"method"}],"setIconCache":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"relation-customer-groups","template":"\n <co-input-combo-box [model]=\"model\"\n (modelChange)=\"modelChange.emit($event)\"\n [collection]=\"customerGroups\"\n [fields]=\"fields\"\n [placeholder]=\"'CUSTOMER_GROUP' | localize\"\n [required]=\"required\"\n ></co-input-combo-box>\n ","styles":[":host{display:flex}:host .co-input-combo-box{width:100%}\n"]}]}],"members":{"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"stock-status-indicator","template":"\n <div [class]=\"stockClass\">\n <div class=\"square-1\"></div>\n <div class=\"square-2\"></div>\n <div class=\"square-3\"></div>\n </div>\n ","styles":[""]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"transaction-loader","template":"\n <div class=\"transaction-loader\">\n <svg width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" xmlns=\"http://www.w3.org/2000/svg\">\n <defs>\n <linearGradient x1=\"8.042%\" y1=\"0%\" x2=\"65.682%\" y2=\"23.865%\" id=\"a\">\n <stop stop-color=\"#000\" stop-opacity=\"0\" offset=\"0%\"/>\n <stop stop-color=\"#000\" stop-opacity=\".631\" offset=\"63.146%\"/>\n <stop stop-color=\"#000\" offset=\"100%\"/>\n </linearGradient>\n </defs>\n <g fill=\"none\" fill-rule=\"evenodd\">\n <g transform=\"translate(1 1)\">\n <path d=\"M36 18c0-9.94-8.06-18-18-18\" id=\"Oval-2\" stroke=\"url(#a)\" stroke-width=\"2\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\" />\n </path>\n <circle fill=\"#000\" cx=\"36\" cy=\"18\" r=\"1\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\" />\n </circle>\n </g>\n </g>\n </svg>\n </div>\n "}]}],"members":{}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":11,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":14,"character":8},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵba"}],"exports":[{"__symbolic":"reference","name":"ɵba"}]}]}],"members":{}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-relation-address","template":"\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <co-form>\n <div class=\"relation-address-data-row default\">\n <co-input-combo-box [(model)]=\"address.countryId\"\n [collection]=\"countries\"\n [fields]=\"fields\"\n [placeholder]=\"'COUNTRY'| localize\"\n [required]=\"true\"\n ></co-input-combo-box>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text [(model)]=\"address.streetName\" [placeholder]=\"'STREET' | localize\" required></co-input-text>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text [(model)]=\"address.city\" [placeholder]=\"'CITY' | localize\" required></co-input-text>\n </div>\n <div class=\"relation-address-button-wrapper\" *ngIf=\"showButtons\">\n <co-button [label]=\"'SAVE' | localize\" (click)=\"submitForm()\"></co-button>\n <co-button [label]=\"'CANCEL' | localize\" (click)=\"cancelClick.emit()\"></co-button>\n </div>\n </co-form>\n ","providers":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":55,"character":4}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":57,"character":17},"member":"None"}}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"showButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"saveClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":76,"character":3},"arguments":["class.co-relation-address"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":87,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"submitForm":[{"__symbolic":"method"}],"checkForPostalCodeCheckError":[{"__symbolic":"method"}],"changeHouseNo":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":15,"character":8},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":17,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":18,"character":8},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbg"}],"exports":[{"__symbolic":"reference","name":"ɵbg"}]}]}],"members":{}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":17,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵbd"}],"declarations":[{"__symbolic":"reference","name":"ɵbf"}],"exports":[{"__symbolic":"reference","name":"ɵbf"}]}]}],"members":{}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵbe"}],"exports":[{"__symbolic":"reference","name":"ɵbe"}]}]}],"members":{}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-tile","template":"\n <div class=\"co-tile-wrapper\" (click)=\"selectedChange.emit(selected)\">\n <div class=\"co-tile-select-wrapper\">\n <co-input-radio-button [checked]=\"selected\" (modelChange)=\"selectedChange.emit($event)\"></co-input-radio-button>\n </div>\n <div class=\"co-tile-content-wrapper\">\n <ng-content></ng-content>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["class.selected"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":25,"character":3},"arguments":["class.co-tile"]}]}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-relation-address-tile","template":"\n <ng-container *ngIf=\"!actAsAddTile\">\n <co-tile [selected]=\"selected\" (selectedChange)=\"selectedChange.emit($event)\">\n <div class=\"relation-content-wrapper\">\n <span class=\"relation-address-type\" [textContent]=\"address.displayType | localize\"></span>\n <span class=\"relation-address-name\" [textContent]=\"address.addressName\"></span>\n <span class=\"relation-address-address\" [textContent]=\"address.displayAddress\"></span>\n <span class=\"relation-address-postal\" [textContent]=\"address.displayPostal\"></span>\n <span class=\"relation-address-country\" [textContent]=\"address.displayCountry\"></span>\n </div>\n <div class=\"relation-address-edit\" (click)=\"handleEditAddressClick($event)\">\n <icon class=\"relation-address-edit-icon\" [icon]=\"icons.EditPencil\"></icon>\n </div>\n </co-tile>\n </ng-container>\n <ng-container *ngIf=\"actAsAddTile\">\n <co-tile (click)=\"addAddressClicked.emit()\">\n <div class=\"relation-content-wrapper\">\n <icon class=\"relation-address-icon\" [icon]=\"icons.PlusRound\"></icon>\n <span [textContent]=\"'ADDRESS_ADD' | localize\"></span>\n </div>\n </co-tile>\n </ng-container>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":30,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.co-relation-address-tile"]}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"actAsAddTile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"addAddressClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"editAddressClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"handleEditAddressClick":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-relation-address-select","template":"\n <div class=\"relation-address-content\" #scrollContainer>\n <co-relation-address-tile *ngFor=\"let address of collection; let index = index\"\n [address]=\"address\"\n [selected]=\"index === selectedIdx\"\n (click)=\"selectedIdx = index\">\n </co-relation-address-tile>\n <co-relation-address-tile *ngIf=\"showAdd\" [actAsAddTile]=\"true\" (addAddressClicked)=\"createAddress()\"></co-relation-address-tile>\n <div class=\"relation-address-navigate left\" *ngIf=\"showNavigateLeft\" @showHideNavigationButton>\n <icon [icon]=\"icons.ArrowPointLeft\"></icon>\n </div>\n <div class=\"relation-address-navigate right\" *ngIf=\"showNavigateRight\" @showHideNavigationButton>\n <icon [icon]=\"icons.ArrowPointRight\"></icon>\n </div>\n </div>\n <div class=\"relation-address-change\">\n <icon class=\"relation-address-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'Wijzig adres'\" (click)=\"editAddress()\"></div>\n </div>\n <div class=\"relation-address-select-button-wrapper\">\n <co-button [label]=\"'SAVE' | localize\" (click)=\"selectAddress()\"></co-button>\n <co-button [label]=\"'CANCEL' | localize\" (click)=\"cancelClick.emit()\"></co-button>\n </div>\n <co-dialog *ngIf=\"showDialog\">\n <co-relation-address\n [address]=\"addressToEdit\"\n (saveClick)=\"saveAddress($event)\"\n (cancelClick)=\"showDialog = false\"\n ></co-relation-address>\n </co-dialog>\n ","providers":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":42,"character":4}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":45,"character":4},"arguments":["showHideNavigationButton",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":46,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":46,"character":20},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":47,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":17},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":48,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":48,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":49,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":49,"character":30},"arguments":["200ms ease-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":52,"character":17},"member":"None"}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":["scrollContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":57,"character":40}}]}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":3},"arguments":["class.co-relation-address-select"]}]}],"collection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"showAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"addressAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"addressUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"addressSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":97,"character":32},{"__symbolic":"reference","name":"ɵbh"}]}],"selectAddress":[{"__symbolic":"method"}],"createAddress":[{"__symbolic":"method"}],"saveAddress":[{"__symbolic":"method"}],"editAddress":[{"__symbolic":"method"}],"_initObserver":[{"__symbolic":"method"}],"_hideButtons":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"makeWithRawBackendData":[{"__symbolic":"method"}],"makeBOArrayFromRawBackendDataArray":[{"__symbolic":"method"}],"instantiateNewBo":[{"__symbolic":"method"}],"_copyAllPropertiesDecoratorProcessedFrom":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"}],"exports":[{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"}]}]}],"members":{}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-stepper","template":"\n <ng-container [ngTemplateOutlet]=\"buttonTemplate\"></ng-container>\n <div class=\"co-stepper-content\">\n <div class=\"stepper-step\" [class.last]=\"index === stepChildren.length - 1\" *ngFor=\"let step of stepChildren; let index = index\"\n [class.active]=\"index === activeStep\"\n [class.complete]=\"step.completed\"\n (click)=\"goto(index)\">\n <div class=\"description\" [textContent]=\"step.label\"></div>\n <div class=\"index\"></div>\n </div>\n <icon #deliveryTruck *ngIf=\"activeStep !== lastStep\" class=\"delivery-truck\" [icon]=\"icons.DeliveryTruck\" [style.left.%]=\"truckPosition\"></icon>\n </div>\n <div class=\"co-stepper-content-wrapper\">\n <ng-content></ng-content>\n </div>\n <ng-container [ngTemplateOutlet]=\"buttonTemplate\"></ng-container>\n <ng-template #buttonTemplate>\n <div class=\"stepper-button-wrapper\">\n <co-button [label]=\"'BACK' | localize\" *ngIf=\"canPrevious\" (click)=\"gotoPrevious()\"></co-button>\n <co-button [label]=\"'CONTINUE' | localize\" *ngIf=\"canNext\" (click)=\"gotoNext()\"></co-button>\n <co-button [label]=\"finishButtonLabel\" *ngIf=\"finished\" (click)=\"finishStep.emit()\"></co-button>\n </div>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":17},"member":"None"}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":41,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbk"}]}]}],"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["deliveryTruck",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":50,"character":38}}]}]}],"finishButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"finishStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":62,"character":3},"arguments":["class.co-stepper"]}]}],"goto":[{"__symbolic":"method"}],"gotoPrevious":[{"__symbolic":"method"}],"gotoNext":[{"__symbolic":"method"}],"_validateCurrentStep":[{"__symbolic":"method"}],"_setActive":[{"__symbolic":"method"}],"_prepareSteps":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-stepper-step","template":"\n <ng-container *ngIf=\"show\">\n <ng-content></ng-content>\n </ng-container>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"}}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"completed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":3},"arguments":["class.show"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"validateStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class.co-stepper-step"]}]}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputListboxModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbm"}],"exports":[{"__symbolic":"reference","name":"ɵbm"}]}]}],"members":{}},"ɵbm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-article-text","template":"\n <co-dialog (closeClick)=\"closeClick.emit($event)\">\n <ng-container header><span [textContent]=\"header\"></span></ng-container>\n <ng-container content>\n <div class=\"article-text-content-wrapper\">\n <div class=\"editor-wrapper\">\n <textarea class=\"article-text\"\n [(ngModel)]=\"transactionAddTextLineRequest.text\"\n ></textarea>\n </div>\n <div class=\"option-wrapper\">\n <co-input-listbox\n [collection]=\"documents\"\n [fields]=\"fieldsDocuments\"\n [placeholder]=\"'FOR_DOCUMENTS' | localize\"\n [value]=\"transactionAddTextLineRequest.showOnDocuments\"\n [showCheckbox]=\"true\"\n (modelChange)=\"handleDocumentsChange($event)\"\n ></co-input-listbox>\n <co-drop-down-list\n [collection]=\"standardTexts\"\n [fields]=\"fields\"\n [placeholder]=\"'STANDARD_TEXTS' | localize\"\n (modelChange)=\"onSelectStandardText($event)\"\n ></co-drop-down-list>\n </div>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"button-wrapper\">\n <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":44,"character":17},"member":"None"}}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"articleRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"editText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"articleLineNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"saveClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":3},"arguments":["class.co-transaction-article-text"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onOkClick":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"onSelectStandardText":[{"__symbolic":"method"}],"handleDocumentsChange":[{"__symbolic":"method"}]}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":16,"character":8},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbo"}],"exports":[{"__symbolic":"reference","name":"ɵbo"}],"providers":[{"__symbolic":"reference","name":"ɵbh"}]}]}],"members":{}},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-article-text-overview","template":"\n <co-dialog (closeClick)=\"closeClick.emit($event)\">\n <ng-container header><span [textContent]=\"header\"></span></ng-container>\n <ng-container content>\n <div class=\"article-text-content-wrapper\">\n <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"article-text-drag-drop-list\"\n [cdkDropListData]=\"collection\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n >\n <div class=\"article-text-overview-article-text-wrapper\" *ngFor=\"let transLine of collection; let index = index\" cdkDrag (dblclick)=\"handleOpenArticleText(transLine)\">\n <div class=\"index\" [textContent]=\"index + 1\"></div>\n <div class=\"text\" [innerHTML]=\"transLine.text | safeHtml\"></div>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container footer>\n <div class=\"button-wrapper\">\n <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n </div>\n </ng-container>\n </co-dialog>\n <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n [header]=\"header\"\n [articleLineNr]=\"editTransactionLine.lineNr\"\n [articleRef]=\"editTransactionLine.articleNumber\"\n [transactionLine]=\"editTransactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleText($event)\"\n (cancelClick)=\"closeTransactionArticleText($event)\"\n ></co-transaction-article-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":45,"character":17},"member":"None"}}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"saveClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":67,"character":3},"arguments":["class.co-transaction-article-text-overview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵbh"}]}],"onOkClick":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"handleCanDragDrop":[{"__symbolic":"method"}],"handleDrop":[{"__symbolic":"method"}],"handleOpenArticleText":[{"__symbolic":"method"}],"closeTransactionArticleText":[{"__symbolic":"method"}],"saveTransactionArticleLineText":[{"__symbolic":"method"}],"_hideArticleTextDialog":[{"__symbolic":"method"}],"_getArticleTexts":[{"__symbolic":"method"}]}},"ɵbp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ClickoutsideModule","line":16,"character":4},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbq"}],"exports":[{"__symbolic":"reference","name":"ɵbq"}]}]}],"members":{}},"ɵbq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-line-action-buttons","template":"\n <div class=\"transaction-line-action-buttons-wrapper\">\n <div class=\"show-hide-button\">\n <icon [icon]=\"icons.ThickLines\" (click)=\"handleShowHideClick()\"></icon>\n </div>\n\n <div class=\"action-buttons-container\" clickOutside\n *ngIf=\"showActionButtons\"\n [ngClass]=\"alignDirection\"\n (clickOutside)=\"handleShowHideClick()\">\n\n <co-button *ngIf=\"showOverviewButton()\"\n class=\"transaction-line-overview-button circle\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.Txt)\"\n (click)=\"handleTransactionArticleTextOverview()\"></co-button>\n\n <co-button *ngIf=\"showAddTextButton()\"\n class=\"transaction-line-add-text-button circle\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.Txt)\"\n (click)=\"handleTransactionArticleText()\"></co-button>\n\n <co-button *ngIf=\"showSidebarButton()\"\n class=\"transaction-line-show-sidebar-button circle\"\n [class.show]=\"showActionButtonsDelayed\"\n [iconData]=\"iconCacheService.getIcon(icons.MasterDetail)\"\n (click)=\"handleShowSidePanel()\"></co-button>\n </div>\n </div>\n\n <co-transaction-article-text-overview *ngIf=\"showTransactionArticleTextOverview\"\n [header]=\"articleTextHeader | localize\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleTextOverview($event)\"\n (cancelClick)=\"closeTransactionArticleTextOverview($event)\"\n ></co-transaction-article-text-overview>\n\n <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n [header]=\"articleTextHeader | localize\"\n [articleLineNr]=\"transactionLine.lineNr\"\n [articleRef]=\"transactionLine.articleNumber\"\n [transactionLine]=\"transactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleText($event)\"\n (cancelClick)=\"closeTransactionArticleText($event)\"\n ></co-transaction-article-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":62,"character":17},"member":"None"}}]}],"members":{"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"alignDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"waitingForUserAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"sidePanelButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":3},"arguments":["class.co-transaction-line-action-buttons"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵd"}]}],"ngOnInit":[{"__symbolic":"method"}],"handleShowHideClick":[{"__symbolic":"method"}],"handleTransactionArticleTextOverview":[{"__symbolic":"method"}],"handleTransactionArticleText":[{"__symbolic":"method"}],"handleShowSidePanel":[{"__symbolic":"method"}],"showOverviewButton":[{"__symbolic":"method"}],"showAddTextButton":[{"__symbolic":"method"}],"showSidebarButton":[{"__symbolic":"method"}],"saveTransactionArticleLineText":[{"__symbolic":"method"}],"closeTransactionArticleText":[{"__symbolic":"method"}],"closeTransactionArticleTextOverview":[{"__symbolic":"method"}],"showArticleTextDialog":[{"__symbolic":"method"}],"_hideArticleTextDialog":[{"__symbolic":"method"}],"_showArticleTextOverviewDialog":[{"__symbolic":"method"}],"_hideArticleTextOverviewDialog":[{"__symbolic":"method"}]}},"ɵbr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵbs"}],"exports":[{"__symbolic":"reference","name":"ɵbs"}]}]}],"members":{}},"ɵbs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-editable-label","template":"\n <span *ngIf=\"!editMode || readonly\" [textContent]=\"model\"></span>\n <co-input-text *ngIf=\"editMode && !readonly\"\n class=\"custom-height\"\n [model]=\"editModel\"\n [showSaveCancel]=\"commit\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"inputComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":18,"character":13}]}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"editModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"commit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"editModelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["class.co-editable-label"]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":57,"character":3},"arguments":["click",["$event"]]}]}]}},"ɵbt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵbu"}],"exports":[{"__symbolic":"reference","name":"ɵbu"}]}]}],"members":{}},"ɵbu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-price","template":"\n <span *ngIf=\"(!editMode || readonly) && !defaultEditMode\" [textContent]=\"transactionLine.price | coCurrency\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [placeholder]=\"showLabel ? ('PRICE' | localize) : ''\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.price\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":21,"character":30}}]}]}],"showLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"defaultEditMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":49,"character":3},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitPrice":[{"__symbolic":"method"}],"transactionLineSet":[{"__symbolic":"method"}]}},"ɵbv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1}}],"members":{"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"transactionLineSet":[{"__symbolic":"method"}]}},"ɵbw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"}]}],"retrieveLineImage":[{"__symbolic":"method"}],"getArticleImageByArticleNumber":[{"__symbolic":"method"}],"getArticleImageByGoodId":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵbx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"ɵby"}],"exports":[{"__symbolic":"reference","name":"ɵby"}]}]}],"members":{}},"ɵby":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-avatar","template":"\n <co-image-display [model]=\"imageSrc\" *ngIf=\"imageSrc; else showInitials\"></co-image-display>\n <ng-template #showInitials>\n <svg viewBox=\"0 0 30 30\">\n <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ initials }}</text>\n </svg>\n </ng-template>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"relationId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["class.co-avatar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵbz"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"_getRelation":[{"__symbolic":"method"}],"_getImageSrcFromCoDocument":[{"__symbolic":"method"}]}},"ɵbz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵca"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"selectDocsByTableKey":[{"__symbolic":"method"}],"getDocumentContent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵca":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"connect":[{"__symbolic":"method"}],"selectDocsByTableKey":[{"__symbolic":"method"}],"getDocumentContent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵcb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵbd"}],"declarations":[{"__symbolic":"reference","name":"ɵcc"}],"exports":[{"__symbolic":"reference","name":"ɵcc"}]}]}],"members":{}},"ɵcc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-delivery-type-tile","template":"\n <co-tile [selected]=\"selected\" (selectedChange)=\"selectedChange.emit(method)\">\n <div class=\"delivery-type-content-wrapper\">\n <div class=\"delivery-type-title\" [textContent]=\"method.description\"></div>\n <div class=\"delivery-type-icon\">\n<!--\n <icon [icon]=\"method.icon\"></icon>\n-->\n </div>\n <div *ngIf=\"method.factor\" class=\"delivery-type-price\" [textContent]=\"method.factor | priceDisplay\"></div>\n </div>\n </co-tile>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"}}]}],"members":{"method":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["class.co-delivery-type-tile"]}]}]}},"ɵcd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵce"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/sharedcomponents","name":"KeyPadModule","line":17,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":18,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":19,"character":8},{"__symbolic":"reference","name":"ɵcg"}],"declarations":[{"__symbolic":"reference","name":"ɵcj"}],"exports":[{"__symbolic":"reference","name":"ɵcj"}]}]}],"members":{}},"ɵce":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵcf"}],"exports":[{"__symbolic":"reference","name":"ɵcf"}]}]}],"members":{}},"ɵcf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-payment-tile","template":"\n <co-tile [selected]=\"selected\" (selectedChange)=\"selectedChange.emit($event)\">\n <div class=\"payment-tile-wrapper\">\n <icon *ngIf=\"icon\" class=\"payment-tile-icon\" [icon]=\"icon\"></icon>\n <img *ngIf=\"image\" class=\"payment-tile-image\" [src]=\"image\"/>\n <span class=\"payment-tile-description\" [textContent]=\"description | localize\"></span>\n </div>\n </co-tile>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class.co-payment-tile"]}]}]}},"ɵcg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"ɵch"}],"exports":[{"__symbolic":"reference","name":"ɵch"}]}]}],"members":{}},"ɵch":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-payment-qr-code","template":"\n <div class=\"payment-qr-code-wrapper\">\n <transaction-loader *ngIf=\"!qrCodeImage\"></transaction-loader>\n <img *ngIf=\"qrCodeImage\" [src]=\"qrCodeImage\"/>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"}}]}],"members":{"transactionUuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"amount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"paymentMethod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["class.co-payment-qr-code"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵci"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"_dataUriToBase64":[{"__symbolic":"method"}]}},"ɵci":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"}]}],"createOutstandingEntry":[{"__symbolic":"method"}],"registerSalesOrderPayment":[{"__symbolic":"method"}],"createIonePaymentLinkAndQRCode":[{"__symbolic":"method"}],"getPaymentMethods":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵcj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-payment","template":"\n <div class=\"payment-wrapper\">\n <div class=\"payment-methods-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT_A' | localize\"></span>\n <span class=\"payment-header-title extra\" [textContent]=\"'FREE' | localize:false\"></span>\n <span class=\"payment-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize:false\"></span>\n </div>\n <div class=\"payment-methods\">\n <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n [image]=\"paymentMethod.image\"\n [description]=\"paymentMethod.payment.description\"\n [selected]=\"paymentMethodIdx === index\"\n (selectedChange)=\"paymentMethodSelected(paymentMethod.payment, index)\"\n ></co-payment-tile>\n </div>\n <div class=\"payment-cash-register-wrapper\" *ngIf=\"showCashRegisters\">\n <div class=\"payment-cash-register-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT_CASH_REGISTER' | localize\"></span>\n </div>\n <div class=\"payment-methods\">\n <co-payment-tile *ngFor=\"let cashRegister of cashRegisters; let index = index\"\n [icon]=\"cashRegister.icon\"\n [description]=\"cashRegister.description\"\n [selected]=\"cashRegisterIdx === index\"\n (selectedChange)=\"cashRegisterSelected(cashRegister, index)\"\n ></co-payment-tile>\n </div>\n </div>\n <div class=\"payment-to-pay-wrapper\">\n <div class=\"payment-to-pay\">\n <div [textContent]=\"'TO_PAY' | localize\"></div>\n <div class=\"payment-amount\" [textContent]=\"amount | priceDisplay\"></div>\n </div>\n <div class=\"payment-to-pay-button\">\n <co-button [label]=\"'PAY' | localize\" (click)=\"handlePayment()\"></co-button>\n </div>\n <co-key-pad class=\"payment-to-pay-keypad\"\n [showValue]=\"false\"\n [emitModelChangeOnEnter]=\"false\"\n [model]=\"amount\"\n (modelChange)=\"handleKeyPadModelChange($event)\"\n (enterClick)=\"handlePayment()\"\n ></co-key-pad>\n </div>\n </div>\n <co-dialog *ngIf=\"showPspQrCode\" (closeClick)=\"showPspQrCode = false\">\n <co-payment-qr-code\n [transactionUuid]=\"transactionUuid\"\n [amount]=\"amount\"\n [paymentMethod]=\"currentPaymentMethod.code\"\n ></co-payment-qr-code>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":65,"character":17},"member":"None"}}]}],"members":{"transactionUuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"amount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"currencyId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":3},"arguments":["class.co-payment"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵci"}]}],"ngOnInit":[{"__symbolic":"method"}],"paymentMethodSelected":[{"__symbolic":"method"}],"cashRegisterSelected":[{"__symbolic":"method"}],"handlePayment":[{"__symbolic":"method"}],"handleKeyPadModelChange":[{"__symbolic":"method"}],"_prepareCashRegisters":[{"__symbolic":"method"}],"_getCashRegisters":[{"__symbolic":"method"}],"_getPaymentMethods":[{"__symbolic":"method"}]}},"ɵck":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"co-checkout-overview-relation-edit","template":"\n <div class=\"relation-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span>01</span>\n <span class=\"label\" [textContent]=\"'PERSONAL_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-radio-button class=\"default-width\"\n [name]=\"'type'\"\n [label]=\"'PRIVATE_PERSON' | localize\"\n [value]=\"relType.Private\"\n [checked]=\"relation.type === relType.Private\"\n (modelChange)=\"changeRelationType(relType.Private)\"\n ></co-input-radio-button>\n <co-input-radio-button class=\"default-width\"\n [name]=\"'type'\"\n [label]=\"'COMPANY' | localize\"\n [value]=\"relType.Company\"\n [(model)]=\"relation.type\"\n [checked]=\"relation.type === relType.Company\"\n (modelChange)=\"changeRelationType(relType.Company)\"\n ></co-input-radio-button>\n </div>\n <div class=\"checkout-data-row\">\n <relation-customer-groups [(model)]=\"relation.customerGroup\" required></relation-customer-groups>\n </div>\n <div *ngIf=\"relation.type === relType.Private\" class=\"collapseable\" @showHidePrivateRelationFields>\n <div class=\"checkout-data-row\">\n <co-input-text\n class=\"checkout-first-name\"\n [(model)]=\"relation.firstName\"\n [placeholder]=\"'FIRST_NAME' | localize\"\n (modelChange)=\"firstNameChange($event)\"\n (blur)=\"checkVisibilitySuggestions()\"\n [required]=\"true\"\n ></co-input-text>\n <co-input-text\n class=\"checkout-prefix-name default-width\"\n [(model)]=\"relation.prefix\"\n [placeholder]=\"'PREFIX' | localize\"\n ></co-input-text>\n <co-input-text\n class=\"checkout-last-name\"\n [(model)]=\"relation.familyName\"\n [placeholder]=\"'LAST_NAME' | localize\"\n (modelChange)=\"familyNameChange($event)\"\n (blur)=\"checkVisibilitySuggestions()\"\n [required]=\"true\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-radio-button class=\"default-width\"\n [name]=\"'gender'\"\n [label]=\"'MALE' | localize\"\n [value]=\"genderType.Male\"\n [checked]=\"relation.gender === genderType.Male\"\n (modelChange)=\"changeGenderType(genderType.Male)\"\n ></co-input-radio-button>\n <co-input-radio-button class=\"default-width\"\n [name]=\"'gender'\"\n [label]=\"'FEMALE' | localize \"\n [value]=\"genderType.Female\"\n [checked]=\"relation.gender === genderType.Female\"\n (modelChange)=\"changeGenderType(genderType.Female)\"\n ></co-input-radio-button>\n <co-input-radio-button class=\"default-width\"\n [name]=\"'gender'\"\n [label]=\"'UNKNOWN' | localize\"\n [value]=\"genderType.Unspecified\"\n [checked]=\"relation.gender === genderType.Unspecified\"\n (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n ></co-input-radio-button>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\" [required]=\"true\"></co-input-date>\n </div>\n </div>\n <div *ngIf=\"relation?.type === relType.Company\" class=\"checkout-data-row collapseable\" @showHideCompanyRelationFields>\n <co-input-text [(model)]=\"relation.familyName\" [placeholder]=\"'COMPANY_NAME' | localize\" [required]=\"true\"></co-input-text>\n </div>\n <co-relation-address [address]=\"editFirstAddress\" [showButtons]=\"false\"></co-relation-address>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-carousel-3d *ngIf=\"relation.addresses && relation.addresses.length > 1\"\n [tileWidth]=\"200\"\n [tileHeight]=\"100\"\n [selectedIndex]=\"deliveryAddressIdx\"\n (indexSelected)=\"setIndexDeliveryAddress($event)\">\n <co-relation-address-tile #carouselItem *ngFor=\"let address of relation.addresses; let index = index\"\n [address]=\"address\"\n [selected]=\"deliveryAddressIdx === index\"\n (editAddressClicked)=\"editAddress($event)\"\n ></co-relation-address-tile>\n </co-carousel-3d>\n </div>\n <div class=\"checkout-data-row\">\n <div class=\"relation-address-new\">\n <icon class=\"relation-address-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'ADDRESS_ADD' | localize\" (click)=\"showNewAddressDialog()\"></div>\n </div>\n </div>\n </div>\n\n <div class=\"checkout-label-column\">\n <span>02</span>\n <span class=\"label\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-checkbox [(model)]=\"invoiceAddressSameAsDeliveryAddress\" (modelChange)=\"checkSameAddress($event)\" [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n </div>\n <div class=\"overview-delivery-invoice-address\" *ngIf=\"!invoiceAddressSameAsDeliveryAddress\" @showHideInvoiceAddress>\n <div class=\"checkout-data-row\">\n <co-carousel-3d *ngIf=\"relation.addresses && relation.addresses.length > 1\"\n [tileWidth]=\"200\"\n [tileHeight]=\"100\"\n [selectedIndex]=\"invoiceAddressIdx\"\n (indexSelected)=\"setIndexInvoiceAddress($event)\">\n <co-relation-address-tile #carouselItem *ngFor=\"let address of relation.addresses; let index = index\"\n [address]=\"address\"\n [selected]=\"invoiceAddressIdx === index\"\n (editAddressClicked)=\"editAddress($event)\"\n ></co-relation-address-tile>\n </co-carousel-3d>\n </div>\n <div class=\"checkout-data-row\">\n <div class=\"relation-address-new\">\n <icon class=\"relation-address-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'ADDRESS_ADD' | localize\" (click)=\"showNewAddressDialog()\"></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"checkout-label-column\">\n <span>03</span>\n <span class=\"label\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-text [(model)]=\"phoneNumber.value\" [placeholder]=\"'PHONE_NO' | localize \" [required]=\"true\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [(model)]=\"emailAddress.value\" [placeholder]=\"'EMAIL_ADDRESS' | localize \" [type]=\"'email'\" [required]=\"true\"></co-input-text>\n </div>\n<!--\n </div>\n <div class=\"checkout-label-column\">\n <span>04</span>\n <span class=\"label\" [textContent]=\"'PASSWORD' | localize\"></span>\n <span class=\"label-description\" [textContent]=\"'ACCOUNT_EXPLANATION' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n-->\n <div class=\"checkout-data-row\">\n <co-input-checkbox [label]=\"'INVITE_TO_ACCOUNT' | localize\" [(model)]=\"inviteToAccount\"></co-input-checkbox>\n </div>\n </div>\n <div class=\"checkout-label-column\">\n <span>04</span>\n <span class=\"label\" [textContent]=\"'PRIVACY_PREFERENCES' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"two-column-grid\">\n <ng-container *ngFor=\"let privacySetting of privacySettings\">\n <co-input-checkbox class=\"first-column\"\n [label]=\"privacySetting.description\"\n [model]=\"isShared(privacySetting)\"\n (modelChange)=\"changePrivacySetting(privacySetting, $event)\"\n ></co-input-checkbox>\n <span class=\"second-column\" [textContent]=\"privacySetting.explanation\"></span>\n </ng-container>\n </div>\n </div>\n </div>\n </co-form>\n </div>\n <div class=\"suggestions-sidebar\" *ngIf=\"showRelationSidebar\" @showHideSidebar>\n <div class=\"relation-sidebar-header\">\n <label class=\"checkout-label-h3\" [textContent]=\"'SUGGESTIONS' | localize\"></label>\n </div>\n <co-checkout-relation-suggestions-list\n [suggestions]=\"relationSuggestions\"\n (suggestionSelected)=\"onRelationSuggestionClick($event)\"\n ></co-checkout-relation-suggestions-list>\n </div>\n <co-dialog *ngIf=\"showCreateAddressDialog\">\n <co-relation-address\n (saveClick)=\"saveNewAddress($event)\"\n (cancelClick)=\"showCreateAddressDialog = false\"\n ></co-relation-address>\n </co-dialog>\n <co-dialog *ngIf=\"showSelectAddressDialog && addressToEdit\">\n <co-relation-address\n [address]=\"addressToEdit\"\n (saveClick)=\"saveAddress($event)\"\n (cancelClick)=\"showSelectAddressDialog = false\"\n ></co-relation-address>\n </co-dialog>\n ","providers":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":230,"character":4}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":233,"character":4},"arguments":["showHidePrivateRelationFields",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":234,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":234,"character":20},"arguments":[{"height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":235,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":235,"character":17},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":236,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":236,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":237,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":237,"character":30},"arguments":["200ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":239,"character":4},"arguments":["showHideCompanyRelationFields",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":240,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":240,"character":20},"arguments":[{"height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":241,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":241,"character":17},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":242,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":242,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":243,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":243,"character":30},"arguments":["200ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":245,"character":4},"arguments":["showHideSidebar",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":246,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":246,"character":20},"arguments":[{"transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":247,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":247,"character":17},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":248,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":248,"character":31},"arguments":["200ms ease-in-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":250,"character":4},"arguments":["showHideInvoiceAddress",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":251,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":251,"character":20},"arguments":[{"height":0,"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":252,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":252,"character":17},"arguments":[{"height":"*","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":253,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":253,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":254,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":254,"character":30},"arguments":["200ms ease-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":257,"character":17},"member":"None"}}]}],"members":{"relationForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":262,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormComponent","line":262,"character":13},{"static":true}]}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":265,"character":3}}]}],"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":273,"character":3}}]}],"invalidSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":276,"character":3}}]}],"relationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":279,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":282,"character":3},"arguments":["class.co-checkout-overview-relation-edit"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":345,"character":25},{"__symbolic":"reference","name":"ɵbh"}]}],"ngOnInit":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"showNewAddressDialog":[{"__symbolic":"method"}],"showEditAddressDialog":[{"__symbolic":"method"}],"setIndexDeliveryAddress":[{"__symbolic":"method"}],"setIndexInvoiceAddress":[{"__symbolic":"method"}],"editAddress":[{"__symbolic":"method"}],"checkSameAddress":[{"__symbolic":"method"}],"saveNewAddress":[{"__symbolic":"method"}],"saveAddress":[{"__symbolic":"method"}],"selectAddress":[{"__symbolic":"method"}],"preparePrimaryEmail":[{"__symbolic":"method"}],"preparePrimaryPhone":[{"__symbolic":"method"}],"loadPrivacySettings":[{"__symbolic":"method"}],"loadMarketing":[{"__symbolic":"method"}],"isShared":[{"__symbolic":"method"}],"changeRelationType":[{"__symbolic":"method"}],"changeGenderType":[{"__symbolic":"method"}],"firstNameChange":[{"__symbolic":"method"}],"familyNameChange":[{"__symbolic":"method"}],"checkVisibilitySuggestions":[{"__symbolic":"method"}],"onRelationSuggestionClick":[{"__symbolic":"method"}],"changePrivacySetting":[{"__symbolic":"method"}],"showSidebar":[{"__symbolic":"method"}],"hideSidebar":[{"__symbolic":"method"}],"_initForm":[{"__symbolic":"method"}],"_relationNameChangedHandlerFn":[{"__symbolic":"method"}],"_setCountryNameToAddress":[{"__symbolic":"method"}]}},"ɵcl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"co-checkout-overview-delivery-edit","template":"\n <div class=\"delivery-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>01</span>\n <span class=\"label\" [textContent]=\"'DELIVERY_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-carousel-3d [tileWidth]=\"200\"\n [tileHeight]=\"100\"\n [selectedIndex]=\"deliveryTypeIdx\"\n (indexSelected)=\"setIndexDeliveryType($event)\">\n <co-delivery-type-tile #carouselItem *ngFor=\"let method of deliveryMethods; let index = index\"\n [method]=\"method\"\n [selected]=\"deliveryTypeIdx === index\"\n (selectedChange)=\"handleDeliveryMethodChange($event)\"\n ></co-delivery-type-tile>\n </co-carousel-3d>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [placeholder]=\"'DELIVERY_DATE' | localize\" [required]=\"true\"></co-input-date>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [placeholder]=\"'PREFERRED_DATE' | localize\"></co-input-date>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-checkbox [label]=\"'PART_DELIVERIES' | localize\"></co-input-checkbox>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_DELIVERY_OPTION' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-input-listbox\n [placeholder]=\"'DELIVERY_OPTIONS' | localize\"\n [collection]=\"deliveryOptions\"\n [fields]=\"deliveryOptionFields\"\n [showCheckbox]=\"true\"\n ></co-input-listbox>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_REMARK' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-input-textarea [placeholder]=\"'REMARKS' | localize\"></co-input-textarea>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_REFERENCE' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-input-text [placeholder]=\"'REFERENCE' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [placeholder]=\"'REFERENCE_RELATION' | localize\"></co-input-text>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'ASSEMBLY_DATE' | localize\"></co-input-date>\n </div>\n </div>\n </div>\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>02</span>\n <span class=\"label\" [textContent]=\"'DOWNPAYMENT' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></co-input-text>\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_AMOUNT' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_BY_BR' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_ON_DELIVERY' | localize\"></co-input-text>\n </div>\n </div>\n </div>\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>03</span>\n <span class=\"label\" [textContent]=\"'ORDER_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-input-checkbox [model]=\"transactionDefinitive\" (modelChange)=\"handleTransactionDefinitive($event)\" [label]=\"'ORDER_DEFINITIVE' | localize\"></co-input-checkbox>\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'BRANCH' | localize\"></co-input-text>\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'ADMINISTRATIVE_MANAGER' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-drop-down-list\n [collection]=\"marketing\"\n [fields]=\"marketingFields\"\n [placeholder]=\"'MARKETING' | localize\"></co-drop-down-list>\n </div>\n <div class=\"checkout-data-row\">\n </div>\n <div class=\"checkout-data-row\">\n </div>\n </div>\n </div>\n </div>\n </co-form>\n </div>\n ","providers":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":130,"character":4}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":133,"character":4},"arguments":["showHideInvoiceAddress",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":134,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":134,"character":20},"arguments":[{"height":0,"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":135,"character":6},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":135,"character":17},"arguments":[{"height":"*","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":136,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":136,"character":30},"arguments":["200ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":137,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":137,"character":30},"arguments":["200ms ease-out"]}]}]]}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":140,"character":17},"member":"None"}}]}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3}}]}],"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":151,"character":3}}]}],"invalidSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":154,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":157,"character":3},"arguments":["class.co-checkout-overview-delivery-edit"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":222,"character":32},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵv"}]}],"ngOnInit":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"handleDeliveryMethodChange":[{"__symbolic":"method"}],"setIndexDeliveryType":[{"__symbolic":"method"}],"selectDeliveryOptionsByDeliveryMethod":[{"__symbolic":"method"}],"selectDeliveryMethodById":[{"__symbolic":"method"}],"isDeliveryOptionChecked":[{"__symbolic":"method"}],"changePreferredDeliveryDate2":[{"__symbolic":"method"}],"onMarketingCodeChange":[{"__symbolic":"method"}],"onChangeLocationCancelClick":[{"__symbolic":"method"}],"handleTransactionDefinitive":[{"__symbolic":"method"}],"calculateDeliveryCosts":[{"__symbolic":"method"}],"calculateAssemblyCosts":[{"__symbolic":"method"}]}},"ɵcm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"checkout-overview-delivery-address","template":"\n <div>\n <div>\n <label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n </div>\n\n <div (click)=\"onClick()\">\n <div>\n {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}\n </div>\n <div>\n {{ address?.postalCode }} {{ address?.city}}\n </div>\n <div>\n {{ address?.countryName }}\n </div>\n </div>\n </div>\n ","styles":[""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"editRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"onClick":[{"__symbolic":"method"}]}},"ɵcn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-checkout-relation-suggestions-list","template":"\n <div class=\"flex-column items-wrapper\">\n <co-checkout-relation-suggestions-list-item *ngFor=\"let suggestion of suggestions\" [suggestion]=\"suggestion\"\n (selectionSelected)=\"suggestionSelected.emit($event)\"></co-checkout-relation-suggestions-list-item>\n <span *ngIf=\"suggestions?.length === 0\" class=\"no-results\" localize=\"NO_RESULTS_FOUND\"></span>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"}}]}],"members":{"suggestions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"suggestionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":3},"arguments":["class.co-checkout-relation-suggestions-list"]}]}]}},"ɵco":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-checkout-relation-suggestions-list-item","template":"\n <div class=\"name medium-big-font\" *ngIf=\"suggestion.displayName as displayName\" [textContent]=\"displayName\"></div>\n <div class=\"email\" *ngIf=\"suggestion.email\" [textContent]=\"suggestion.email\"></div>\n <div class=\"address\" *ngIf=\"suggestion.displayAddress as address\" [textContent]=\"address\"></div>\n <div class=\"phone\" *ngIf=\"suggestion.tel1\" [textContent]=\"suggestion.tel1\"></div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"}}]}],"members":{"suggestion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"selectionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["class.co-checkout-relation-suggestions-list-item"]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":25,"character":3},"arguments":["click",["$event"]]}]}]}},"ɵcp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"checkout-login","template":"\n <h1>{{ \"LOGIN\" | localize}}</h1>\n <div class=\"users\">\n <co-form #loginForm (validSubmit)=\"login()\">\n <div class=\"existing-user\">\n <p><strong>{{ \"EXISTING_CUSTOMERS\" | localize }}</strong></p>\n <co-input-text\n [(model)]=\"userEmailAddress\"\n [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n [type]=\"'email'\"\n required\n ></co-input-text>\n\n <co-input-text\n [(model)]=\"userPassword\"\n [placeholder]=\"'PASSWORD' | localize \"\n [type]=\"'password'\"\n required\n ></co-input-text>\n <div class=\"login-button\">\n <co-button\n [label]=\"'LOGIN' | localize\" (click)=\"submit()\"\n ></co-button>\n </div>\n </div>\n </co-form>\n\n <co-form #accountForm (validSubmit)=\"accountLogin()\">\n <div class=\"new-user\">\n <p class=\"boxedbottom\">\n <strong>{{ \"NEW_AT\" | localize}}{{company}}</strong>\n <br/>{{ \"CREATE_ACCOUNT_IN_2_MIN\" | localize }}\n </p>\n <div class=\"new-user-e-mail\">\n <co-input-text\n [(model)]=\"userNewEmailAddress\"\n [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n [type]=\"'email'\"\n required\n ></co-input-text>\n </div>\n <div class=\"login-button\">\n <co-button\n [label]=\"'CREATE_ACCOUNT' | localize\"\n (click)=\"createAccountSubmit()\"\n ></co-button>\n <co-button\n [label]=\"'CONTINUE_WITHOUT_ACCOUNT' | localize\"\n (click)=\"continueSubmit()\"\n ></co-button>\n </div>\n </div>\n </co-form>\n </div>\n ","styles":[".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]}]}],"members":{"loginForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["loginForm"]}]}],"accountForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["accountForm"]}]}],"createNewAccountSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"continueWithoutSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"loginSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"createAccountSubmit":[{"__symbolic":"method"}],"continueSubmit":[{"__symbolic":"method"}],"accountLogin":[{"__symbolic":"method"}]}},"ɵcq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"TransactionHeaderRelationModule"},{"__symbolic":"reference","name":"TransactionHeaderDeliveryModule"},{"__symbolic":"reference","name":"TransactionHeaderOrderModule"},{"__symbolic":"reference","name":"ɵcu"}],"declarations":[{"__symbolic":"reference","name":"ɵcw"}],"exports":[{"__symbolic":"reference","name":"ɵcw"}]}]}],"members":{}},"ɵcr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵcs"}],"exports":[{"__symbolic":"reference","name":"ɵcs"}]}]}],"members":{}},"ɵcs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-transaction-header-block","template":"\n <div class=\"transaction-header-block-header\">\n <ng-container [ngTemplateOutlet]=\"headerBlockTemplate\"></ng-container>\n </div>\n <div class=\"transaction-header-block-content\">\n <div class=\"transaction-header-block-content-first\" *ngIf=\"firstBlockTemplate\">\n <ng-container [ngTemplateOutlet]=\"firstBlockTemplate\"></ng-container>\n </div>\n <div class=\"transaction-header-block-divider\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\"></div>\n <div class=\"transaction-header-block-content-second\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\">\n <ng-container [ngTemplateOutlet]=\"secondBlockTemplate\"></ng-container>\n </div>\n <div class=\"transaction-header-block-divider\" *ngIf=\"thirdBlockTemplate\"></div>\n <div class=\"transaction-header-block-content-third\" *ngIf=\"thirdBlockTemplate\">\n <ng-container [ngTemplateOutlet]=\"thirdBlockTemplate\"></ng-container>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":22,"character":17},"member":"None"}}]}],"members":{"headerBlockTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"firstBlockTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"secondBlockTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"thirdBlockTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":3},"arguments":["class.co-transaction-header-block"]}]}]}},"ɵct":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1}}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"relationId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"customerId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"transactionSet":[{"__symbolic":"method"}],"_retrieveCustomer":[{"__symbolic":"method"}],"_retrieveRelation":[{"__symbolic":"method"}]}},"ɵcu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","name":"ɵcr"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":14,"character":8},{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":16,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵcv"}],"exports":[{"__symbolic":"reference","name":"ɵcv"}]}]}],"members":{}},"ɵcv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-header-payment","template":"\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n <div class=\"header-block-balance\" (click)=\"openPayment()\">\n <co-icon class=\"payment-icon\" [iconData]=\"iconService.getIcon(icons.CreditCardSolid)\"></co-icon>\n <span class=\"payment-paid\" [textContent]=\"200 | priceDisplay\"></span>\n <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n <span class=\"payment-to-pay\" [textContent]=\"100 | priceDisplay\"></span>\n </div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n <div class=\"header-downpayment-percentage\" [textContent]=\"'NOT_IMPLEMENTED'\"></div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n <div class=\"header-downpayment\" [textContent]=\"'NOT_IMPLEMENTED'\"></div>\n </ng-template>\n <co-dialog class=\"payment-dialog\" *ngIf=\"showPaymentDialog\"\n [modal]=\"true\"\n (closeClick)=\"showPaymentDialog = false\"\n >\n <co-payment\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"transactionTotal.netAmount\"\n [currencyId]=\"transactionInfo.currencyId\"\n ></co-payment>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":43,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":3},"arguments":["class.co-transaction-header-payment"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"openPayment":[{"__symbolic":"method"}]}},"ɵcw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-header","template":"\n <div class=\"transaction-header-wrapper\">\n <co-transaction-header-relation [relationId]=\"relationId\"></co-transaction-header-relation>\n <co-transaction-header-order [transaction]=\"transaction\"></co-transaction-header-order>\n <co-transaction-header-payment [transaction]=\"transaction\"></co-transaction-header-payment>\n <co-transaction-header-delivery [transaction]=\"transaction\"></co-transaction-header-delivery>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["class.co-transaction-header"]}]}]}},"ɵcx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":12,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":16,"character":4},{"__symbolic":"reference","name":"ɵcy"}],"declarations":[{"__symbolic":"reference","name":"ɵev"}],"exports":[{"__symbolic":"reference","name":"ɵev"}]}]}],"members":{}},"ɵcy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵcz"},{"__symbolic":"reference","name":"ɵbp"}],"declarations":[{"__symbolic":"reference","name":"ɵet"}],"exports":[{"__symbolic":"reference","name":"ɵet"}]}]}],"members":{}},"ɵcz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵda"},{"__symbolic":"reference","name":"ɵea"},{"__symbolic":"reference","name":"ɵeg"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":24,"character":4},{"__symbolic":"reference","name":"ɵej"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PriceDisplayPipeModule","line":26,"character":4},{"__symbolic":"reference","name":"TransactionConfirmationHistoryModule"},{"__symbolic":"reference","name":"ɵen"},{"__symbolic":"reference","name":"TransactionConfirmationHistoryModule"},{"__symbolic":"reference","name":"TransactionConfirmationDetailsModule"}],"declarations":[{"__symbolic":"reference","name":"ɵes"}],"exports":[{"__symbolic":"reference","name":"ɵes"}]}]}],"members":{}},"ɵda":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":25,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CollapsibleModule","line":26,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":27,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":28,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":29,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":30,"character":4},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵdb"},{"__symbolic":"reference","name":"ɵdd"},{"__symbolic":"reference","name":"ɵdf"},{"__symbolic":"reference","name":"ɵdh"},{"__symbolic":"reference","name":"ɵdj"},{"__symbolic":"reference","name":"ɵdl"},{"__symbolic":"reference","name":"ɵdn"},{"__symbolic":"reference","name":"ɵdp"},{"__symbolic":"reference","name":"ɵdr"},{"__symbolic":"reference","name":"ɵdt"},{"__symbolic":"reference","name":"ɵdv"},{"__symbolic":"reference","name":"ɵdx"}],"declarations":[{"__symbolic":"reference","name":"ɵdz"}],"exports":[{"__symbolic":"reference","name":"ɵdz"}]}]}],"members":{}},"ɵdb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdc"}],"exports":[{"__symbolic":"reference","name":"ɵdc"}]}]}],"members":{}},"ɵdc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-price-list","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'PRICE_LIST' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.priceListCode\"\n (modelChange)=\"commitPriceList($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitPriceList":[{"__symbolic":"method"}]}},"ɵdd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵde"}],"exports":[{"__symbolic":"reference","name":"ɵde"}]}]}],"members":{}},"ɵde":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-vat","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'VAT' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.vatId\"\n (modelChange)=\"commitVat($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitVat":[{"__symbolic":"method"}]}},"ɵdf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdg"}],"exports":[{"__symbolic":"reference","name":"ɵdg"}]}]}],"members":{}},"ɵdg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-line-quantity","template":"\n <co-input-number-picker [label]=\"'AMOUNT' | localize\" [(model)]=\"transactionLine.amount\" [readonly]=\"readonly\"></co-input-number-picker>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitQuantity":[{"__symbolic":"method"}]}},"ɵdh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵdi"}],"exports":[{"__symbolic":"reference","name":"ɵdi"}]}]}],"members":{}},"ɵdi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-line-discount","template":"\n <co-input-text #input\n [placeholder]=\"'DISCOUNT_PERCENTAGE' | localize\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.lineDiscount\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":20,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDiscount":[{"__symbolic":"method"}]}},"ɵdj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdk"}],"exports":[{"__symbolic":"reference","name":"ɵdk"}]}]}],"members":{}},"ɵdk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-delivery-method","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'DELIVERY_METHOD' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n (modelChange)=\"commitDeliveryMethod($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitDeliveryMethod":[{"__symbolic":"method"}]}},"ɵdl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdm"}],"exports":[{"__symbolic":"reference","name":"ɵdm"}]}]}],"members":{}},"ɵdm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-line-delivery-date","template":"\n <co-input-date\n [placeholder]=\"'DELIVERY_DATE' | localize\"\n [model]=\"transactionLine.deliveryDate\"\n [readonly]=\"readonly\"\n (modelChange)=\"commitDeliveryDate($event)\"\n ></co-input-date>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDeliveryDate":[{"__symbolic":"method"}]}},"ɵdn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵdo"}],"exports":[{"__symbolic":"reference","name":"ɵdo"}]}]}],"members":{}},"ɵdo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-reference","template":"\n <co-input-text #input\n [placeholder]=\"'REFERENCE' | localize\"\n [type]=\"'text'\"\n [readonly]=\"readonly\"\n [showSaveCancel]=\"true\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":18,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitReference":[{"__symbolic":"method"}]}},"ɵdp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdq"}],"exports":[{"__symbolic":"reference","name":"ɵdq"}]}]}],"members":{}},"ɵdq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-commission-code","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'COMMISSION_CODE' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.commissionCode\"\n (modelChange)=\"commitCommissionCode($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitCommissionCode":[{"__symbolic":"method"}]}},"ɵdr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵds"}],"exports":[{"__symbolic":"reference","name":"ɵds"}]}]}],"members":{}},"ɵds":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-line-warehouse","template":"\n <co-input-combo-box\n [collection]=\"data\"\n [placeholder]=\"'WAREHOUSE' | localize\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.warehouseNumber\"\n (modelChange)=\"commitWarehouse($event)\"\n ></co-input-combo-box>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"commitWarehouse":[{"__symbolic":"method"}]}},"ɵdt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵdu"}],"exports":[{"__symbolic":"reference","name":"ɵdu"}]}]}],"members":{}},"ɵdu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-discount-amount","template":"\n <co-input-text #input\n [placeholder]=\"'DISCOUNT_AMOUNT' | localize\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.discountAmount\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":20,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDiscount":[{"__symbolic":"method"}]}},"ɵdv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵdw"}],"exports":[{"__symbolic":"reference","name":"ɵdw"}]}]}],"members":{}},"ɵdw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-quantum-discount","template":"\n <co-input-text #input\n [placeholder]=\"'QUANTUM_DISCOUNT' | localize\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.quantumDiscount\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":20,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDiscount":[{"__symbolic":"method"}]}},"ɵdx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵdy"}],"exports":[{"__symbolic":"reference","name":"ɵdy"}]}]}],"members":{}},"ɵdy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbv"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-special-discount","template":"\n <co-input-text #input\n [placeholder]=\"'SPECIAL_DISCOUNT' | localize\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionLine.specialDiscount\"\n ></co-input-text>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"}}]}],"members":{"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextComponent","line":20,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"commitDiscount":[{"__symbolic":"method"}]}},"ɵdz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-line-side-panel-default","template":"\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'PRICING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'NET_LINE_TOTAL' | localize\" [model]=\"transactionLine.netLineTotal\" [readonly]=\"true\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-quantity class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantity>\n <co-transaction-line-price class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-price>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-vat class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-vat>\n <co-transaction-line-price-list class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-price-list>\n </div>\n </div>\n </co-collapsible>\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'DISCOUNTS' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-line-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-line-discount>\n <co-transaction-line-discount-amount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-discount-amount>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-quantum-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantum-discount>\n <co-transaction-line-special-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-special-discount>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'SURCHARGE_AMOUNT' | localize\" [model]=\"transactionLine.surchargeAmount\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'BUSINESS_RULE_DISCOUNT' | localize\" [model]=\"'NIET_GEIMPLEMENTEERD'\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'LOGISTICS_AND_PLANNING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-commission-code class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-commission-code>\n <co-transaction-line-warehouse class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-warehouse>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-delivery-method class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-delivery-method>\n <co-transaction-line-delivery-date class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-delivery-date>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_COSTS' | localize\" [type]=\"'number'\" [model]=\"transactionLine.assemblyCost\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'MODIFICATION_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-combo-box class=\"side-panel-input\" [collection]=\"data\" [placeholder]=\"'SUPPLIER' | localize\" [readonly]=\"readonly\"></co-input-combo-box>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ARTICLE_NR_SUPPLIER' | localize\" [model]=\"transactionLine.articleNumber\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'IN_OUT_COLLECTION' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'OTHER' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-reference class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-reference>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ORDER_RULESET' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_DATE' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_USER' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <co-input-text [placeholder]=\"'FABRICATION_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text [placeholder]=\"'TRANSPORT_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text [placeholder]=\"'FABRICATION_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text [placeholder]=\"'TRANSPORT_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text [placeholder]=\"'CUSTOMER' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </co-collapsible>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":107,"character":17},"member":"None"}}]}],"members":{"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":122,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":125,"character":3},"arguments":["class.co-transaction-line-side-panel-default"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"}]}],"handleCancelClick":[{"__symbolic":"method"}]}},"ɵea":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵeb"}],"declarations":[{"__symbolic":"reference","name":"ɵef"}],"exports":[{"__symbolic":"reference","name":"ɵef"}],"providers":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":23,"character":4}]}]}],"members":{}},"ɵeb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵec"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"GridToolbarButtonModule","line":15,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵee"}],"exports":[{"__symbolic":"reference","name":"ɵee"}]}]}],"members":{}},"ɵec":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵed"}],"exports":[{"__symbolic":"reference","name":"ɵed"}]}]}],"members":{}},"ɵed":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-history-grid-status","template":"\n <div class=\"transaction-status-indication\">\n <div #statusIndicator class=\"status-color-circle\"></div>\n <span class=\"status-text\" [textContent]=\"type[statusType] | localize\"></span>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"}}]}],"members":{"statusType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"subType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"statusIndicator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["statusIndicator",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":39}}]}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":25,"character":3},"arguments":["class.co-transaction-history-grid-status"]}]}],"_getStatusIndicatorColor":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵee":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"co-transaction-history-grid","template":"\n <div class=\"history-grid-wrapper\">\n <div class=\"delete-button-wrapper\">\n <co-grid-toolbar-button\n (buttonClick)=\"handleDeleteClick()\"\n [iconData]=\"iconsService.getIcon(icons.TrashBin)\"\n [disabled]=\"!selectedRow\"\n ></co-grid-toolbar-button>\n </div>\n <co-simple-grid [data]=\"collection\" [extraColumns]=\"extraColumns\" (selectRow)=\"handleSelectRow($event)\">\n <co-simple-grid-column [headerText]=\"'STATE' | localize\" [field]=\"'status'\" [order]=\"10\" [width]=\"150\">\n <ng-template #template let-row=\"row\">\n <co-transaction-history-grid-status [statusType]=\"row.status\" [subType]=\"row.type\"></co-transaction-history-grid-status>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [field]=\"'receiptDate'\" [order]=\"20\" [width]=\"100\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'quantity'\" [order]=\"30\" [width]=\"70\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [field]=\"'reference'\" [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'USER' | localize\" [field]=\"'username'\" [order]=\"70\"></co-simple-grid-column>\n </co-simple-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"None"}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":45,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridColumnDirective","line":45,"character":19}]}]}],"collection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"deleteSelectedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":55,"character":3},"arguments":["class.co-transaction-history-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}],"handleSelectRow":[{"__symbolic":"method"}],"handleDeleteClick":[{"__symbolic":"method"}]}},"ɵef":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"co-transaction-receiving-goods-history","template":"\n <co-transaction-history-grid\n [collection]=\"goodsReceiptHistory\"\n (deleteSelectedRow)=\"handleDeleteSelectedRow($event)\"\n >\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNumber'\"\n [order]=\"40\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNumber'\"\n [order]=\"60\"></co-simple-grid-column>\n </co-transaction-history-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"}}]}],"members":{"goodsReceiptHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"reloadReceivingGoodsHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":56,"character":23}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":60,"character":3},"arguments":["class.co-transaction-receiving-goods-history"]}]}],"handleDeleteSelectedRow":[{"__symbolic":"method"}]}},"ɵeg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":18,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":19,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":22,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵeh"}],"exports":[{"__symbolic":"reference","name":"ɵeh"}]}]}],"members":{}},"ɵeh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-transaction-receiving-goods-details","template":"\n <div class=\"receipt-details-wrapper\">\n <co-form>\n <div class=\"details-header\" [textContent]=\"'RECEIPT_DETAILS' | localize | uppercase\"></div>\n <div class=\"columns-wrapper\">\n <div class=\"details-column\">\n <co-input-text class=\"details-input\"\n [max]=\"amountLeftToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || readonly\"\n [required]=\"true\"\n [type]=\"'number'\"\n [min]=\"1\"\n [placeholder]=\"'AMOUNT' | localize\"></co-input-text>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.warehouseNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"transactionLine.warehouseNumber !== undefined || readonly\"\n [disabled]=\"transactionLine.warehouseNumber !== undefined\"\n [required]=\"transactionLine.isWarehouseRequired\"\n [placeholder]=\"'WAREHOUSE' | localize\"></co-input-text>\n <co-drop-down-list class=\"details-input\"\n noTriangleGraphic\n (focus)=\"handleDropDownSelected(receiptDetails.warehouseNr)\"\n [collection]=\"locations\"\n [fields]=\"locationDropdownFields\"\n [(model)]=\"receiptDetails.locationNr\"\n [required]=\"locationRequired()\"\n [readonly]=\"receiptDetails.quantityToReceive === 0 || readonly\"\n [disabled]=\"receiptDetails.quantityToReceive === 0\"\n [placeholder]=\"'LOCATION' | localize\"\n ></co-drop-down-list>\n <co-input-text class=\"details-input\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"divider-wrapper\">\n <div class=\"divider\"></div>\n </div>\n <div class=\"details-column\">\n <co-input-date class=\"details-input\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.batchNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly\"\n [required]=\"transactionLine.isBatchNrRequired\"\n [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.serialNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly\"\n [required]=\"transactionLine.isSerialNrRequired\"\n [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n <!-- <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.refLineNr\"-->\n <!-- [placeholder]=\"'REFERENCE_ID' | localize\"></co-input-text>-->\n </div>\n </div>\n </co-form>\n\n <div class=\"save-cancel-wrapper\" *ngIf=\"!readonly\">\n <co-button class=\"button-wrapper\" [label]=\"'SAVE' | localize\" (click)=\"handleSaveDetailsEdit()\"></co-button>\n <co-button class=\"button-wrapper\" [label]=\"'CANCEL' | localize\" (click)=\"handleCancelDetailsEdit()\"></co-button>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":81,"character":17},"member":"None"}}]}],"members":{"amountLeftToReceive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"reloadReceivingGoodsHistory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":102,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":105,"character":3},"arguments":["class.co-transaction-receiving-goods-details"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormMasterService","line":129,"character":25},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵei"}]}],"submit":[{"__symbolic":"method"}],"locationRequired":[{"__symbolic":"method"}],"handleSaveDetailsEdit":[{"__symbolic":"method"}],"handleCancelDetailsEdit":[{"__symbolic":"method"}],"handleDropDownSelected":[{"__symbolic":"method"}]}},"ɵei":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"getWarehouseLocations":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵej":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵek"},{"__symbolic":"reference","name":"ɵem"}],"exports":[{"__symbolic":"reference","name":"ɵek"},{"__symbolic":"reference","name":"ɵem"}]}]}],"members":{}},"ɵek":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"co-transaction-button-bar","template":"\n <div class=\"button-bar-wrapper\">\n <co-transaction-button-bar-button *ngFor=\"let button of buttons; let index = index\"\n [class.selected]=\"selectedCategory === button.category\"\n [title]=\"button.title\"\n [iconName]=\"button.icon\"\n (click)=\"selectCategory(index)\"\n ></co-transaction-button-bar-button>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"}}]}],"members":{"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"buttonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":3},"arguments":["class.co-transaction-button-bar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"}]}],"selectCategory":[{"__symbolic":"method"}]}},"ɵel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getButtonBar":[{"__symbolic":"method"}],"getQuickAccessComponent":[{"__symbolic":"method"}],"getTransactionGridComponent":[{"__symbolic":"method"}],"getTransactionFilterComponent":[{"__symbolic":"method"}],"getTransactionSearchGridComponent":[{"__symbolic":"method"}],"getTransactionSearchTileComponent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-button-bar-button","template":"\n <div class=\"button-wrapper\">\n <co-icon class=\"co-transaction-button-bar-icon\" [iconData]=\"iconCacheService.getIcon(iconName)\"></co-icon>\n <span class=\"button-title\" [textContent]=\"title | localize\"></span>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"}}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"iconName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"showClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["class.co-transaction-button-bar-button"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}]}},"ɵen":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","name":"TransactionConfirmationHistoryModule"},{"__symbolic":"reference","name":"ɵeg"},{"__symbolic":"reference","name":"ɵea"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":19,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵda"},{"__symbolic":"reference","name":"TransactionConfirmationDetailsModule"}],"declarations":[{"__symbolic":"reference","name":"ɵeq"}],"exports":[{"__symbolic":"reference","name":"ɵeq"}]}]}],"members":{}},"ɵeo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵep"}],"exports":[{"__symbolic":"reference","name":"ɵep"}]}]}],"members":{}},"ɵep":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-default-ok-cancel-buttons","template":"\n <co-button *ngIf=\"!hideOk\" [label]=\"okLabel\" [disabled]=\"okDisabled\" class=\"ok\" #okButton (click)=\"onOkClick($event)\"></co-button>\n <co-button *ngIf=\"!hideCancel\" label=\"CANCEL\" (click)=\"cancelClick.emit($event)\"></co-button>\n <ng-content></ng-content>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"}}]}],"members":{"okButtonComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["okButton"]}]}],"okDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"hideCancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"hideOk":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"okLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"okClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.co-default-ok-cancel-buttons"]}]}],"onOkClick":[{"__symbolic":"method"}]}},"ɵeq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"co-transaction-line-side-panel-purchase","template":"\n <ng-container [ngSwitch]=\"category\">\n <ng-container *ngSwitchCase=\"categories.PurchaseOrderOrderConfirmation\">\n <co-transaction-confirmation-details\n [transactionInfoNr]=\"transactionInfoNr\"\n [transactionLines]=\"transactionLine\"\n ></co-transaction-confirmation-details>\n <co-transaction-confirmation-history\n [transactionLines]=\"transactionLine\"\n [transactionInfoNr]=\"transactionInfoNr\"\n [transactionId]=\"transactionId\"\n ></co-transaction-confirmation-history>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"categories.PurchaseOrderReceivedGoods\">\n <co-transaction-receiving-goods-details\n [transactionId]=\"transactionId\"\n [transactionLine]=\"transactionLine\"\n [amountLeftToReceive]=\"goodsReceiptStatus.quantityToReceive\"\n (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n ></co-transaction-receiving-goods-details>\n <co-transaction-receiving-goods-history\n [transactionId]=\"transactionId\"\n [transactionLine]=\"transactionLine\"\n [goodsReceiptHistory]=\"goodsReceiptStatus.goodsReceiptHistory\"\n (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n ></co-transaction-receiving-goods-history>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <co-transaction-line-side-panel-default\n [transactionLine]=\"transactionLine\"\n ></co-transaction-line-side-panel-default>\n </ng-container>\n </ng-container>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":50,"character":17},"member":"None"}}]}],"members":{"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"category":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"transactionInfoNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"quantityToReceiveChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":3},"arguments":["class.co-transaction-line-side-panel-purchase"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵer"}]}],"getGoodsReceiptStatusWithHistory":[{"__symbolic":"method"}]}},"ɵer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"ɵes":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-line-side-panel","template":"\n <icon (click)=\"handleCancelClick($event)\" [icon]=\"icons.Cancel\" class=\"close-button\"></icon>\n <div class=\"transaction-line-side-panel-header\">\n <div class=\"transaction-line-side-panel-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.articleNumber\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.goodDescription\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-header-item\">\n <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.amount\"></span>\n </div>\n <div class=\"side-panel-header-divider\"></div>\n <div class=\"transaction-line-side-panel-header-item\">\n <span class=\"side-panel-header-label\"\n [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? ('TO_REPORT_IN' | localize) : ('PRICE' | localize)\"></span>\n <span class=\"side-panel-header-field\"\n [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? quantityToReceive : (transactionLine.price | priceDisplay)\"></span>\n </div>\n </div>\n <div class=\"transaction-line-side-panel-nav-bar\">\n <co-transaction-button-bar\n [transactionType]=\"transactionType\"\n (buttonClicked)=\"activeCategory = $event.category\"\n ></co-transaction-button-bar>\n </div>\n <div class=\"transaction-line-side-panel-content\">\n <ng-container [ngSwitch]=\"transactionType\">\n <ng-container *ngSwitchCase=\"transactionTypes.PurchaseOrder\">\n <co-transaction-line-side-panel-purchase\n [transactionLine]=\"transactionLine\"\n [transactionId]=\"transactionId\"\n [transactionInfoNr]=\"transactionInfoNr\"\n [category]=\"activeCategory\"\n (quantityToReceiveChange)=\"quantityToReceive = $event\"\n ></co-transaction-line-side-panel-purchase>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <co-transaction-line-side-panel-purchase\n [category]=\"activeCategory\"\n ></co-transaction-line-side-panel-purchase>\n </ng-container>\n </ng-container>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":62,"character":17},"member":"None"}}]}],"members":{"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"activeCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"transactionInfoNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":87,"character":3},"arguments":["class.co-transaction-line-side-panel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵer"}]}],"handleCancelClick":[{"__symbolic":"method"}]}},"ɵet":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵeu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-base-grid","template":"\n <co-simple-grid [data]=\"transactionLines\"\n [extraColumns]=\"extraColumns\"\n [dragDropEnabled]=\"true\"\n [emitDragDrop]=\"true\"\n (onDrop)=\"handleDrop($event)\"\n (rowVisible)=\"rowVisible.next($event)\">\n <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [width]=\"300\" [order]=\"10\">\n <ng-template #template let-row = \"row\">\n <div class=\"transaction-grid-article-description\" [textContent]=\"row.goodDescription\"></div>\n <div class=\"transaction-grid-article-text\" [textContent]=\"row.articleBoundConcatenatedText\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [width]=\"150\" [order]=\"20\">\n <ng-template #template let-row = \"row\">\n <co-image-display class=\"transaction-grid-article-image\" [model]=\"row.articleImageData\"></co-image-display>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [field]=\"'articleNumber'\" [width]=\"70\" [order]=\"30\" [textAlign]=\"align.Center\">\n <ng-template #headerTemplate>\n <icon class=\"transaction-grid-header-icon\" [icon]=\"icon.BarcodeSolid\"></icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"''\" [width]=\"40\" [field]=\"'sideMenuButton'\" [order]=\"400\">\n <ng-template #template let-row = \"row\">\n <co-transaction-line-action-buttons class=\"transaction-line-action-buttons\"\n [transactionLine]=\"row\"\n (sidePanelButtonClicked)=\"openSidePanel(row)\"\n ></co-transaction-line-action-buttons>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":40,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":3},"arguments":["class.co-transaction-base-grid"]}]}]}},"ɵeu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1}}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":11,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridColumnDirective","line":11,"character":19}]}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"sidePanelClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"rowVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbw"}]}],"handleDrop":[{"__symbolic":"method"}],"openSidePanel":[{"__symbolic":"method"}],"_getImages":[{"__symbolic":"method"}]}},"ɵev":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵeu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-lines-grid","template":"\n <co-transaction-base-grid [transactionLines]=\"transactionLines\" (sidePanelClicked)=\"openSidePanel($event)\">\n <co-simple-grid-column [field]=\"'warehouseNumber'\" [width]=\"50\" [order]=\"40\" [textAlign]=\"align.Right\">\n <ng-template #headerTemplate>\n <icon class=\"transaction-grid-header-icon\" [icon]=\"icons.Warehouse\"></icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [field]=\"''\" [width]=\"50\" [order]=\"45\" [textAlign]=\"align.Right\">\n <ng-template #headerTemplate>\n <icon class=\"transaction-grid-header-icon\" [icon]=\"icons.DeliveryTruck\"></icon>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'amount'\" [textAlign]=\"align.Right\" [width]=\"75\" [resizable]=\"false\" [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TO_DELIVER' | localize\" [textAlign]=\"align.Right\" [width]=\"75\" [resizable]=\"false\" [order]=\"60\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STATUS' | localize\" [textAlign]=\"align.Center\" [width]=\"100\" [resizable]=\"false\" [order]=\"70\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PRICE' | localize\" [textAlign]=\"align.Right\" [order]=\"80\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.price | priceDisplay\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DISCOUNT' | localize\" [textAlign]=\"align.Right\" [width]=\"100\" [resizable]=\"false\" [order]=\"90\">\n <ng-template #template let-row = \"row\">\n <div class=\"transaction-lines-grid-line-label\" [textContent]=\"row.lineTotalDiscountAmount | priceDisplay\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUBTOTAL' | localize\" [textAlign]=\"align.Right\" [width]=\"100\" [resizable]=\"false\" [order]=\"100\">\n <ng-template #template let-row = \"row\">\n <div class=\"transaction-lines-grid-line-label\" [textContent]=\"row.lineTotalDiscountAmount | priceDisplay\"></div>\n <div [textContent]=\"row.netLineTotal | priceDisplay\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [textAlign]=\"align.Right\" [width]=\"100\" [resizable]=\"false\" [order]=\"110\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n </co-transaction-base-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":51,"character":3},"arguments":["class.co-transaction-lines-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"TransactionService"}]}],"changeLineAmount":[{"__symbolic":"method"}]}},"ɵew":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":12,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":13,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":15,"character":8},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵex"}],"exports":[{"__symbolic":"reference","name":"ɵex"}]}]}],"members":{}},"ɵex":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-discount","template":"\n <co-sidebar #discountsSidebar isOpen=\"false\">\n <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n <co-button class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n (click)=\"onStartDiscountInput(orderDiscountType.DiscountPercentage, 'TRANSACTION_DISCOUNT_PERC')\"></co-button>\n <co-button class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT'| localize\"\n (click)=\"onStartDiscountInput(orderDiscountType.DiscountAmount, 'TRANSACTION_DISCOUNT')\"></co-button>\n <co-button class=\"rectangular\" [label]=\"'TRANSACTION_TOTAL'| localize\"\n (click)=\"onStartDiscountInput(orderDiscountType.OrderTotal, 'TRANSACTION_TOTAL')\"></co-button>\n\n </div>\n </co-sidebar>\n <co-dialog *ngIf=\"inputDiscounts\">\n <ng-container header>{{ discountHeader | localize }}</ng-container>\n <co-form>\n <co-input-text\n *ngIf=\"discountType === orderDiscountType.DiscountPercentage\"\n [type]=\"'number'\"\n [(model)]=\"transactionDiscountPercentage\"\n [placeholder]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n ></co-input-text>\n <co-input-text\n *ngIf=\"discountType === orderDiscountType.DiscountAmount\"\n [type]=\"'number'\"\n [(model)]=\"transactionDiscountAmount\"\n [placeholder]=\"'TRANSACTION_DISCOUNT' | localize\"\n ></co-input-text>\n <co-input-text\n *ngIf=\"discountType === orderDiscountType.OrderTotal\"\n [type]=\"'number'\"\n [(model)]=\"transactionTotal\"\n [placeholder]=\"'TRANSACTION_TOTAL' | localize\"\n ></co-input-text>\n\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n <co-button [label]=\"'CANCEL' | localize\" (click)=\"inputDiscounts = false\"></co-button>\n <co-button [label]=\"'OK' | localize\" (click)=\"onInputDiscountsOkClick()\"></co-button>\n </div>\n </co-form>\n </co-dialog>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["class.co-discount"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"addDiscount":[{"__symbolic":"method"}],"onStartDiscountInput":[{"__symbolic":"method"}],"setDiscountHeader":[{"__symbolic":"method"}],"onInputDiscountsOkClick":[{"__symbolic":"method"}]}},"ɵey":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputSearchModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵez"}],"exports":[{"__symbolic":"reference","name":"ɵez"}]}]}],"members":{}},"ɵez":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵct"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-quick-access-overview","template":"\n <co-input-search\n [placeholder]=\"'SEARCH_ADD_ARTICLE' | localize\"\n [noIcon]=\"true\"\n ></co-input-search>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":3},"arguments":["class.co-transaction-quick-access-overview"]}]}]}},"ɵfa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":13,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵcy"}],"declarations":[{"__symbolic":"reference","name":"ɵfb"}],"exports":[{"__symbolic":"reference","name":"ɵfb"}]}]}],"members":{}},"ɵfb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵeu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-order-confirmation-grid","template":"\n <co-transaction-base-grid [transactionLines]=\"transactionLines\" (sidePanelClicked)=\"openSidePanel($event)\">\n <co-simple-grid-column [width]=\"100\" [field]=\"'location'\" [textAlign]=\"align.Center\" [order]=\"40\">\n <ng-template #template let-row = \"row\">\n <div class=\"co-transaction-grid-location-icon-wrapper\">\n <icon class=\"co-transaction-grid-menu-icon\" [icon]=\"icons.Warehouse\"></icon>\n <span [textContent]=\"'98'\"></span>\n </div>\n <div class=\"co-transaction-grid-location-icon-wrapper\">\n <icon class=\"co-transaction-grid-menu-icon\" [icon]=\"icons.MapMarker\"></icon>\n <span [textContent]=\"'A01'\"></span>\n </div>\n <div class=\"co-transaction-grid-location-icon-wrapper\">\n <icon class=\"co-transaction-grid-menu-icon\" [icon]=\"icons.Truck\"></icon>\n <span [textContent]=\"'Black'\"></span>\n </div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'IN_ORDER' | localize\" [field]=\"'inOrder'\" [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'GROSS_PRICE' | localize\" [field]=\"'grossPrice'\" [order]=\"51\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DISCOUNT' | localize\" [field]=\"'discount'\" [order]=\"52\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NETTO_PRICE' | localize\" [field]=\"'nettoPrice'\" [order]=\"53\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'CONFIRMED' | localize\" [field]=\"'confirmed'\" [order]=\"54\"></co-simple-grid-column>\n <co-simple-grid-column [field]=\"'commitButton'\" [order]=\"55\" [textAlign]=\"align.Center\">\n <ng-template #headerTemplate let-row = \"row\">\n <co-input-checkbox></co-input-checkbox>\n </ng-template>\n <ng-template #template let-row = \"row\">\n <co-input-checkbox></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [field]=\"'deliveryDate'\" [order]=\"56\"></co-simple-grid-column>\n </co-transaction-base-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":39,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.co-transaction-order-confirmation-grid"]}]}]}},"ɵfc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵcy"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":18,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":22,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfd"}],"exports":[{"__symbolic":"reference","name":"ɵfd"}]}]}],"members":{}},"ɵfd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵeu"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"co-transaction-received-goods-grid","template":"\n <co-transaction-base-grid [transactionLines]=\"transactionLines\" (sidePanelClicked)=\"openSidePanel($event)\" (rowVisible)=\"handleRowVisible($event)\">\n <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNumber'\" [order]=\"40\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [order]=\"45\">\n <ng-template #template let-row = \"row\">\n <co-drop-down-list\n noTriangleGraphic\n (focus)=\"handleDropDownSelected(row.warehouseNumber)\"\n [required]=\"locationRequired(row) && getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0\"\n [collection]=\"locations\"\n [fields]=\"locationDropdownFields\"\n [(model)]=\"getRowViewModel(row).location\"\n [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n ></co-drop-down-list>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'IN_ORDER' | localize\" [field]=\"'amount'\" [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RECEIVED' | localize\" [order]=\"51\">\n <ng-template #template let-row = \"row\">\n <co-input-number-picker\n [min]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0 ? 1 : 0\"\n [max]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive\"\n [(model)]=\"getRowViewModel(row).toReceive\"\n [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n [readonly]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n ></co-input-number-picker>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BATCH' | localize\" [field]=\"'inOrder'\" [order]=\"52\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'Commit button'\" [field]=\"'commitButton'\" [order]=\"55\">\n <ng-template #template let-row = \"row\">\n <co-input-checkbox\n [(model)]=\"getRowViewModel(row).selected\"\n [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n ></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n </co-transaction-base-grid>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":59,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class.co-transaction-received-goods-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"TransactionService"},{"__symbolic":"reference","name":"ɵer"},{"__symbolic":"reference","name":"ɵei"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleRowVisible":[{"__symbolic":"method"}],"locationRequired":[{"__symbolic":"method"}],"handleDropDownSelected":[{"__symbolic":"method"}],"getRowViewModel":[{"__symbolic":"method"}],"handleReceiveSelectedPurchaseOrders":[{"__symbolic":"method"}],"_handleAfterCommitReceivedOrders":[{"__symbolic":"method"}],"handleTransactionLineChanged":[{"__symbolic":"method"}]}},"ɵfe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"}],"declarations":[{"__symbolic":"reference","name":"ɵff"}],"exports":[{"__symbolic":"reference","name":"ɵff"}]}]}],"members":{}},"ɵff":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-view-mode-buttons","template":"\n <co-button class=\"view-button white\"\n *ngIf=\"showViewModes.includes(viewModes.Tiles)\"\n [class.selected]=\"this.activeViewMode === viewModes.Tiles\"\n [iconData]=\"iconCacheService.getIcon(icons.ListView)\"\n [title]=\"'TILE_VIEW' | localize\"\n (click)=\"this.activeViewMode = viewModes.Tiles\"></co-button>\n <co-button class=\"view-button white\"\n *ngIf=\"showViewModes.includes(viewModes.List)\"\n [class.selected]=\"this.activeViewMode === viewModes.List\"\n [iconData]=\"iconCacheService.getIcon(icons.ThickLines)\"\n [title]=\"'LIST_VIEW' | localize\"\n (click)=\"this.activeViewMode = viewModes.List\"></co-button>\n <co-button class=\"view-button white\"\n *ngIf=\"showViewModes.includes(viewModes.Grid)\"\n [class.selected]=\"this.activeViewMode === viewModes.Grid\"\n [iconData]=\"iconCacheService.getIcon(icons.ThinLines)\"\n [title]=\"'GRID_VIEW' | localize\"\n (click)=\"this.activeViewMode = viewModes.Grid\"></co-button>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"}}]}],"members":{"showViewModes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"viewModeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":3},"arguments":["class.co-view-mode-buttons"]}]}],"ngOnInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}]}},"ɵfg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfh"}],"exports":[{"__symbolic":"reference","name":"ɵfh"}]}]}],"members":{}},"ɵfh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"co-transaction-grid","template":"\n <div #transactionGrid class=\"transaction-grid-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["transactionGrid",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":40}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"activeCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"transactionLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"sidePanelClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["class.co-transaction-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":64,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":65,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":66,"character":22}]}],"_prepareContent":[{"__symbolic":"method"}]}},"ɵfi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TransactionService"}]}],"searchTransactions":[{"__symbolic":"method"}],"getLabelBasedOnTransactionType":[{"__symbolic":"method"}],"resetFilters":[{"__symbolic":"method"}],"_resetRequest":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵfj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":23,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputSearchModule","line":26,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":27,"character":8},{"__symbolic":"reference","name":"ɵfe"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵfk"},{"__symbolic":"reference","name":"ɵfn"},{"__symbolic":"reference","name":"ɵfp"},{"__symbolic":"reference","name":"ɵfs"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵfu"},{"__symbolic":"reference","name":"ɵfw"},{"__symbolic":"reference","name":"ɵfy"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PaginationModule","line":38,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵga"}],"exports":[{"__symbolic":"reference","name":"ɵga"}]}]}],"members":{}},"ɵfk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":15,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfl"}],"exports":[{"__symbolic":"reference","name":"ɵfl"}]}]}],"members":{}},"ɵfl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵfm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-search-sales-order-tile","template":"\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"transaction-tile-body\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n <div class=\"transaction-tile-seller-info\">\n <div>\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div>\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-order-summary\">\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-footer\">\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n\n </div>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":53,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}]}},"ɵfm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1}}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["class.co-transaction-search-tile-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"}]}],"onTransactionClick":[{"__symbolic":"method"}]}},"ɵfn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfo"}],"exports":[{"__symbolic":"reference","name":"ɵfo"}]}]}],"members":{}},"ɵfo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵfm"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"co-transaction-search-purchase-order-tile","template":"\n <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n <div class=\"transaction-tile-body\">\n <div class=\"transaction-tile-avatar\">\n <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n </div>\n <div class=\"transaction-tile-seller-info\">\n <div>\n <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n </div>\n <div>\n <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-order-summary\">\n <div class=\"header\"><span [textContent]=\"transaction.totalPriceVat | currency:'EUR'\"></span></div>\n </div>\n </div>\n <div class=\"transaction-tile-footer\">\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n <div *ngIf=\"transaction.getDeliveryDate()\">\n <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n <ng-template #indefinite>\n <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n </ng-template>\n </div>\n </div>\n </div>\n <div class=\"order-info-section\">\n <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n <div class=\"value\">\n <span [textContent]=\"'68/00'\"></span></div>\n </div>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":52,"character":17},"member":"None"}}]}],"members":{}},"ɵfp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":12,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfq"}],"exports":[{"__symbolic":"reference","name":"ɵfq"}]}]}],"members":{}},"ɵfq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵfr"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-search-sales-order-grid","template":"\n <div>\n <co-simple-grid [data]=\"searchService.transactions\" [extraColumns]=\"extraColumns\" [dragDropEnabled]=\"true\" [emitDragDrop]=\"false\"\n (selectRow)=\"onTransactionClick($event)\">\n <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n [order]=\"10\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\" [order]=\"20\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n [order]=\"30\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n [order]=\"40\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n [order]=\"70\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\" [order]=\"80\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n [order]=\"105\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\" >\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n [order]=\"115\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":59,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class.co-transaction-search-sales-order-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"}]}]}},"ɵfr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1}}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":8,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridColumnDirective","line":8,"character":19}]}]}],"transactions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"onTransactionClick":[{"__symbolic":"method"}]}},"ɵfs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"SimpleGridModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵft"}],"exports":[{"__symbolic":"reference","name":"ɵft"}]}]}],"members":{}},"ɵft":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵfr"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"co-transaction-search-purchase-order-grid","template":"\n <div>\n <co-simple-grid [data]=\"searchService.transactions\" [extraColumns]=\"extraColumns\" [dragDropEnabled]=\"true\" [emitDragDrop]=\"false\"\n (selectRow)=\"onTransactionClick($event)\">\n <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n [order]=\"10\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\" [order]=\"20\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n [order]=\"30\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n [order]=\"40\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n [order]=\"50\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n [order]=\"70\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\" [order]=\"80\"></co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n [order]=\"105\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\" >\n <ng-template #template let-row = \"row\">\n <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n [order]=\"115\" [textAlign]=\"align.Center\">\n <ng-template #template let-row= \"row\">\n <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n </ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":59,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class.co-transaction-search-purchase-order-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"}]}]}},"ɵfu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":11,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputSearchModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵfe"}],"declarations":[{"__symbolic":"reference","name":"ɵfv"}],"exports":[{"__symbolic":"reference","name":"ɵfv"}]}]}],"members":{}},"ɵfv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-transaction-search-header","template":"\n <div class=\"transaction-search-header-wrapper\">\n <div class=\"upper-header\">\n\n <div class=\"header-buttons-wrapper\">\n <div class=\"toggle-sidebar-button-wrapper button-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\">\n <co-button [iconData]=\"fullscreen ? iconSlideIn : iconResize\"\n [ngClass]=\"!fullscreen ? 'small' : ''\"\n class=\"toggle-sidebar-button circle transparent\"\n (click)=\"onResizeClick()\"></co-button>\n </div>\n <div class=\"close-search-button-wrapper button-wrapper\" *ngIf=\"!fullscreen\">\n <co-button [iconData]=\"iconCancel\"\n class=\"toggle-sidebar-button circle small transparent\"\n (click)=\"onCloseClick()\">\n </co-button>\n </div>\n </div>\n\n </div>\n <div class=\"header-searchbar-wrapper\">\n <div>\n <co-input-search class=\"transaction-search-general\"\n [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n [noIcon]=\"true\"\n [(model)]=\"searchService.searchRequest.general\"\n [placeholder]=\"'SEARCH_NUMBER_CUSTOMER_OR_DATE' | localize\"\n (search)=\"searchService.searchTransactions()\"></co-input-search>\n </div>\n <div>\n <co-button class=\"transaction-search-filter-button\"\n *ngIf=\"fullscreen\"\n [iconData]=\"iconCacheService.getIcon(icon.BarsFilter)\"\n (click)=\"filterButtonClick.emit()\">\n </co-button>\n </div>\n </div>\n\n <div class=\"view-mode-buttons-wrapper\">\n <co-view-mode-buttons\n *ngIf=\"fullscreen\"\n [showViewModes]=\"[contentViewModes.Tiles, contentViewModes.Grid]\"\n (viewModeChange)=\"onViewModeChange($event)\">\n </co-view-mode-buttons>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":57,"character":17},"member":"None"}}]}],"members":{"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"activeSearchViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"activeContentViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"viewModeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"filterButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"resizeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":3},"arguments":["class.co-transaction-search-header"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵd"}]}],"onResizeClick":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"onViewModeChange":[{"__symbolic":"method"}]}},"ɵfw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfx"}],"exports":[{"__symbolic":"reference","name":"ɵfx"}]}]}],"members":{}},"ɵfx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"co-transaction-search-grid","template":"\n <div #transactionSearchGrid class=\"transaction-search-grid-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["transactionSearchGrid",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":45}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":50,"character":3},"arguments":["class.co-transaction-search-grid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":61,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":62,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":63,"character":22},{"__symbolic":"reference","name":"ɵfi"}]}],"_prepareContent":[{"__symbolic":"method"}]}},"ɵfy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵfz"}],"exports":[{"__symbolic":"reference","name":"ɵfz"}]}]}],"members":{}},"ɵfz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"co-transaction-search-tile","template":"\n <div #transactionSearchTile class=\"transaction-search-tile-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["transactionSearchTile",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":45}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":3},"arguments":["class.co-transaction-search-tile"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":73,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":74,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":75,"character":22},{"__symbolic":"reference","name":"ɵfi"}]}],"_prepareContent":[{"__symbolic":"method"}]}},"ɵga":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"co-transaction-search-result","template":"\n <div class=\"transaction-search-header-wrapper\">\n <co-transaction-search-header\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n [activeContentViewMode]=\"activeContentViewMode\"\n (viewModeChange)=\"activeContentViewMode = $event\"\n (resizeClick)=\"onResizeClick()\"\n (filterButtonClick)=\"onFilterClick()\"\n (closeClick)=\"onCloseClick()\">\n </co-transaction-search-header>\n </div>\n\n <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions | paginate:\n {itemsPerPage: searchService.transactionsPerPage, currentPage: searchService.showcasePage, totalItems: searchService.resultCount}\">\n <co-transaction-search-tile\n [transaction]=\"transaction\"\n [transactionType]=\"transactionType\"\n [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n (transactionClick)=\"onTransactionClick($event)\">\n </co-transaction-search-tile>\n </div>\n <co-pagination [previousLabel]=\"'PREVIOUS' | localize\" [nextLabel]=\"'NEXT' | localize\"\n (pageChange)=\"onPaginationPageChange($event)\"></co-pagination>\n </div>\n <div class=\"transaction-search-result-content-grid-wrapper\" *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n <co-transaction-search-grid\n [transactionType]=\"transactionType\"\n (transactionClick)=\"onTransactionClick($event)\"\n ></co-transaction-search-grid>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":44,"character":17},"member":"None"}}]}],"members":{"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"activeSearchViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"filterClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"transactionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"resizeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":71,"character":3},"arguments":["class.co-transaction-search-result"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"}]}],"ngOnInit":[{"__symbolic":"method"}],"onTransactionClick":[{"__symbolic":"method"}],"onResizeClick":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"onFilterClick":[{"__symbolic":"method"}],"onPaginationPageChange":[{"__symbolic":"method"}]}},"ɵgb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":19,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":20,"character":4},{"__symbolic":"reference","name":"ɵgc"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":22,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":24,"character":4},{"__symbolic":"reference","name":"ɵge"},{"__symbolic":"reference","name":"ɵgi"},{"__symbolic":"reference","name":"ɵgm"}],"declarations":[{"__symbolic":"reference","name":"ɵgo"}],"exports":[{"__symbolic":"reference","name":"ɵgo"}]}]}],"members":{}},"ɵgc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgd"}],"exports":[{"__symbolic":"reference","name":"ɵgd"}]}]}],"members":{}},"ɵgd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"co-transaction-filter-categories","template":"\n <div class=\"transaction-filter-categories-wrapper\">\n <div class=\"transaction-filter-category\" *ngFor=\"let category of categories\" [class.active]=\"category === activeCategory\"\n [textContent]=\"category\"\n (click)=\"handleCategoryClick(category)\"\n ></div>\n </div>\n "}]}],"members":{"categories":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"categoryClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class.co-transaction-filter-categories"]}]}],"handleCategoryClick":[{"__symbolic":"method"}]}},"ɵge":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":17,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":18,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputListboxModule","line":19,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":23,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgf"}],"exports":[{"__symbolic":"reference","name":"ɵgf"}]}]}],"members":{}},"ɵgf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"co-transaction-sales-order-filter-content-order","template":"\n <div class=\"transaction-filter-content-order-wrapper\">\n\n <!--Orderdatum-->\n <co-filter-item\n [placeholder]=\"'ORDER_DATE' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-date-range\n [startDate]=\"transStartDate\"\n [endDate]=\"transEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'rangeTransDate')\"\n (cleared)=\"onClearedDateRangeChange('rangeTransDate')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Leverdatum-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_DATE' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-date-range\n [startDate]=\"deliveryStartDate\"\n [endDate]=\"deliveryEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'deliveryDateRange')\"\n (cleared)=\"onClearedDateRangeChange('deliveryDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Filiaal-->\n <co-filter-item\n [placeholder]=\"'BRANCH' | localize\"\n [expanded]=\"true\"\n [collection]=\"branches\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeBranchId')\"\n >\n </co-filter-item>\n\n <!--Verkoper-->\n <co-filter-item\n [placeholder]=\"'HANDLED_BY' | localize\"\n [expanded]=\"true\"\n [collection]=\"salesPersons\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeSalesPerson')\"\n >\n </co-filter-item>\n\n <!--Eigen referentie-->\n <co-filter-item\n [placeholder]=\"'OWN_REFERENCE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.userReference\"\n [placeholder]=\"'OWN_REFERENCE' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Tags-->\n <co-filter-item\n [placeholder]=\"'TAGS' | localize\"\n [expanded]=\"true\"\n [collection]=\"tags\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'tagRange')\"\n >\n <co-input-text [(model)]=\"searchRequest.tagRange\" [placeholder]=\"'TAGS' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--On hold codes-->\n <co-filter-item\n [placeholder]=\"'ON_HOLD' | localize\"\n [expanded]=\"true\"\n [collection]=\"onHoldCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event,'rangeOnHoldCodes')\"\n >\n <co-input-text [(model)]=\"searchRequest.tagRange\" [placeholder]=\"'TAGS' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Order definitief-->\n <co-filter-item\n [placeholder]=\"'ORDER_DEFINITIVE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.transactionDefinitive === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'transactionDefinitive')\"\n [label]=\"'ORDER_DEFINITIVE' | localize\"></co-input-checkbox>\n </co-filter-item>\n\n <!--Commissiecode-->\n <co-filter-item\n [placeholder]=\"'COMMISSION_CODE' | localize\"\n [expanded]=\"true\"\n [collection]=\"commissionCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'commissionCodes')\"\n >\n </co-filter-item>\n\n <!--Inactieve transacties-->\n <co-filter-item\n [placeholder]=\"'INACTIVE_TRANSACTIONS' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.active === false\"\n (modelChange)=\"searchRequest.active = !$event\"\n [label]=\"'INACTIVE_TRANSACTIONS' | localize\"\n ></co-input-checkbox>\n </co-filter-item>\n\n <!--Klantnaam-->\n <co-filter-item\n [placeholder]=\"'CUSTOMER_NAME' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [minSearchCharsToLoadCollection]=\"3\"\n [collectionLoadFn]=\"loadCustomers\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'relationName' )\"\n >\n </co-filter-item>\n\n <!--Klantgroep-->\n <co-filter-item\n [placeholder]=\"'CUSTOMER_GROUP' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"customerGroups\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'customerGroupId')\">\n </co-filter-item>\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":179,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setRangeDates":[{"__symbolic":"method"}],"_setSalesPersons":[{"__symbolic":"method"}],"_setTags":[{"__symbolic":"method"}],"_setBranches":[{"__symbolic":"method"}],"_setOnHoldCodes":[{"__symbolic":"method"}],"_setCommissionCodes":[{"__symbolic":"method"}],"_setCustomerGroups":[{"__symbolic":"method"}]}},"ɵgg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onDateRangeChange":[{"__symbolic":"method"}],"onClearedDateRangeChange":[{"__symbolic":"method"}],"onFilterButtonClick":[{"__symbolic":"method"}],"filterTransactions":[{"__symbolic":"method"}]}},"ɵgh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"TransactionService"}]}],"handleCollectionChangeForRange":[{"__symbolic":"method"}],"handleCollectionChangeForArray":[{"__symbolic":"method"}],"handleCollectionChangeForSingleNumber":[{"__symbolic":"method"}],"handleCollectionChangeForSingleSelect":[{"__symbolic":"method"}],"handleCheckboxValueChangeForString":[{"__symbolic":"method"}],"handleCheckboxValueChangeForNumber":[{"__symbolic":"method"}],"handleDateRangeChange":[{"__symbolic":"method"}],"getDateFromFilterRequestRange":[{"__symbolic":"method"}],"_getFilterRequestForCollectionRange":[{"__symbolic":"method"}],"_getFilterRequestForBooleanToString":[{"__symbolic":"method"}],"_getFilterRequestForCollectionArray":[{"__symbolic":"method"}],"_getFilterRequestForSingleSelect":[{"__symbolic":"method"}],"_getFilterRequestForDateRange":[{"__symbolic":"method"}],"_formatDateToString":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵgi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":10,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵgj"}],"declarations":[{"__symbolic":"reference","name":"ɵgl"}],"exports":[{"__symbolic":"reference","name":"ɵgl"}]}]}],"members":{}},"ɵgj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgk"}],"exports":[{"__symbolic":"reference","name":"ɵgk"}]}]}],"members":{}},"ɵgk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"co-transaction-filter-historic-state","template":"\n <co-filter-item\n [placeholder]=\"label | localize\"\n [customContent]=\"true\"\n [expanded]=\"expanded\">\n <co-input-radio-button *ngFor=\"let state of states\"\n [name]=\"groupName\"\n [value]=\"state.value\"\n [model]=\"state.checked\"\n [label]=\"state.label | localize\"\n (modelChange)=\"handleStateChange($event)\"\n ></co-input-radio-button>\n </co-filter-item>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"}}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"filterClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":3},"arguments":["class.co-transaction-filter-historic-state"]}]}],"handleStateChange":[{"__symbolic":"method"}],"_setStates":[{"__symbolic":"method"}]}},"ɵgl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-sales-order-filter-content-logistics","template":"\n <div class=\"transaction-filter-content-logistics-wrapper\">\n\n <!--Levermethode-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_METHOD' | localize\"\n [expanded]=\"true\"\n [collection]=\"deliveryMethods\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')\">\n </co-filter-item>\n\n\n <!--Leverdatum definitief-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_DATE_FINAL' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.deliveryDateDefinitive === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'deliveryDateDefinitive')\"\n [label]=\"'DELIVERY_DATE_FINAL' | localize\"></co-input-checkbox>\n </co-filter-item>\n\n <!--Toegewezen-->\n <co-transaction-filter-historic-state\n [label]=\"'ALLOCATED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityAllocated')\"\n ></co-transaction-filter-historic-state>\n\n <!--Geleverd-->\n <co-transaction-filter-historic-state\n [label]=\"'DELIVERED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityDelivered')\"\n ></co-transaction-filter-historic-state>\n\n <!--Gefactureerd-->\n <co-transaction-filter-historic-state\n [label]=\"'INVOICED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityInvoiced')\"\n ></co-transaction-filter-historic-state>\n\n <!--Te picken-->\n <co-transaction-filter-historic-state\n [label]=\"'TO_BE_PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityToBePicked')\"\n ></co-transaction-filter-historic-state>\n\n <!--Gepicked-->\n <co-transaction-filter-historic-state\n [label]=\"'PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityPicked')\"\n ></co-transaction-filter-historic-state>\n\n <!--Bevestigde leverdatum-->\n <co-filter-item\n [placeholder]=\"'CONFIRMED_DELIVERY_DATE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-date-range\n [startDate]=\"confirmedDeliveryStartDate\"\n [endDate]=\"confirmedDeliveryEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'confirmedDeliveryDateRange')\"\n (cleared)=\"onClearedDateRangeChange('confirmedDeliveryDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Aankomstdatum-->\n <co-filter-item\n [placeholder]=\"'ARRIVAL_DATE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-date-range\n [startDate]=\"arrivalStartDate\"\n [endDate]=\"arrivalEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'arrivalDateRange')\"\n (cleared)=\"onClearedDateRangeChange('arrivalDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Deellevering-->\n <co-filter-item\n [placeholder]=\"'PART_DELIVERY' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.partialDelivery === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'partialDelivery')\"\n [label]=\"'PART_DELIVERY' | localize\">\n </co-input-checkbox>\n </co-filter-item>\n\n <!--Magazijn -->\n <co-filter-item\n [placeholder]=\"'WAREHOUSE' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"warehouses\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'warehouse')\">\n </co-filter-item>\n\n <!--Bron magazijn-->\n <co-filter-item\n [placeholder]=\"'SOURCE_WAREHOUSE' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"sourceWarehouses\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'sourceWarehouse')\">\n </co-filter-item>\n\n <!--Serienummer -->\n <co-filter-item\n [placeholder]=\"'SERIAL_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Batchnummer -->\n <co-filter-item\n [placeholder]=\"'BATCH_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\" [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Inclusief retouren-->\n <co-filter-item\n [placeholder]=\"'INCLUDING_RETURNS' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [label]=\"'INCLUDING_RETURNS' | localize\"\n [model]=\"searchRequest.includingReturns === 1\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForNumber($event, 'includingReturns')\"\n >\n </co-input-checkbox>\n </co-filter-item>\n\n <!--Levermethode op (regel/header): todo: nog uitzoeken welke filter dit is-->\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":174,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setRangeDates":[{"__symbolic":"method"}],"_setDeliveryMethods":[{"__symbolic":"method"}],"_setWarehouses":[{"__symbolic":"method"}],"_setSourceWarehouses":[{"__symbolic":"method"}]}},"ɵgm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":11,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgn"}],"exports":[{"__symbolic":"reference","name":"ɵgn"}]}]}],"members":{}},"ɵgn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"co-transaction-sales-order-filter-content-article","template":"\n <div class=\"transaction-filter-content-article-wrapper\">\n\n <!--Artikelnummer-->\n <co-filter-item\n [placeholder]=\"'ARTICLE_NR' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [minSearchCharsToLoadCollection]=\"3\"\n [collectionLoadFn]=\"getArticles\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'articleNr')\"\n >\n </co-filter-item>\n\n <!--Omzetgroep-->\n <co-filter-item\n [placeholder]=\"'TURNOVER_GROUP' | localize\"\n [expanded]=\"true\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n [collection]=\"turnoverGroups\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeTurnoverGroup')\"\n >\n </co-filter-item>\n\n <!--Hoofdartikel-->\n <co-filter-item\n [placeholder]=\"'MAIN_ARTICLE' | localize\"\n [expanded]=\"true\"\n [collection]=\"mainArticles\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'mainArticleNrRange')\"\n >\n </co-filter-item>\n\n <!--Uitloopcode -->\n <co-filter-item\n [placeholder]=\"'EXCEEDENCE_CODE' | localize\"\n [expanded]=\"true\"\n [collection]=\"exceedanceCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'exceedanceCodes')\"\n >\n </co-filter-item>\n\n <!--Leverancier-->\n <co-filter-item\n [placeholder]=\"'SUPPLIER' | localize\"\n [expanded]=\"true\"\n [collection]=\"suppliers\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeSupplier')\"\n >\n </co-filter-item>\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setExceedanceCodes":[{"__symbolic":"method"}],"_setTurnoverGroups":[{"__symbolic":"method"}],"_setMainArticles":[{"__symbolic":"method"}],"_setSuppliers":[{"__symbolic":"method"}]}},"ɵgo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgp"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-sales-order-filter","template":"\n <div class=\"transaction-filter-header-wrapper\">\n <div class=\"transaction-filter-header\">\n <span [textContent]=\"'Filters'\"></span>\n <co-icon class=\"filter-reset-icon clickable\"\n [iconData]=\"iconCacheService.getIcon(icon.SyncAlt)\"\n (click)=\"resetFilters()\"\n ></co-icon>\n </div>\n <co-icon class=\"clickable\" [iconData]=\"iconCacheService.getIcon(icon.Cancel)\"\n (click)=\"onCloseButtonClick()\"></co-icon>\n </div>\n <div class=\"transaction-filter-categories\">\n <co-transaction-filter-categories [categories]=\"filterCategories\"\n (categoryClick)=\"handleCategoryClick($event)\"></co-transaction-filter-categories>\n </div>\n <div #filterItems class=\"transaction-category-filter-wrapper\" data-ride=\"carousel\">\n <div #orderFilter class=\"transaction-filter-category-content\">\n <co-transaction-sales-order-filter-content-order></co-transaction-sales-order-filter-content-order>\n </div>\n <div #logisticsFilter class=\"transaction-filter-category-content\">\n <co-transaction-sales-order-filter-content-logistics></co-transaction-sales-order-filter-content-logistics>\n </div>\n <div #articleFilter class=\"transaction-filter-category-content\">\n <co-transaction-sales-order-filter-content-article></co-transaction-sales-order-filter-content-article>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":35,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":3},"arguments":["class.co-transaction-sales-order-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵfi"}]}]}},"ɵgp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1}}],"members":{"filterItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["filterItems",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":35}}]}]}],"orderFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["orderFilter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":35}}]}]}],"logisticsFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["logisticsFilter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":39}}]}]}],"articleFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["articleFilter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":37}}]}]}],"activeSearchViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"closeButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"resetFilterClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"onEnterKey":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":34,"character":3},"arguments":["keyup.enter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵfi"}]}],"handleCategoryClick":[{"__symbolic":"method"}],"onCloseButtonClick":[{"__symbolic":"method"}],"resetFilters":[{"__symbolic":"method"}]}},"ɵgq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":22,"character":4},{"__symbolic":"reference","name":"ɵgc"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":24,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":26,"character":4},{"__symbolic":"reference","name":"ɵgr"},{"__symbolic":"reference","name":"ɵgt"},{"__symbolic":"reference","name":"ɵgv"}],"declarations":[{"__symbolic":"reference","name":"ɵgx"}],"exports":[{"__symbolic":"reference","name":"ɵgx"}]}]}],"members":{}},"ɵgr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":17,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":18,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputListboxModule","line":19,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":20,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":21,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":23,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgs"}],"exports":[{"__symbolic":"reference","name":"ɵgs"}]}]}],"members":{}},"ɵgs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"co-transaction-purchase-order-filter-content-order","template":"\n <div class=\"transaction-filter-content-order-wrapper\">\n\n <!--Inkoopnummer-->\n <co-filter-item\n [placeholder]=\"'PURCHASENUMBER' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.transNr\"\n [placeholder]=\"'PURCHASENUMBER' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Orderdatum-->\n <co-filter-item\n [placeholder]=\"'ORDER_DATE' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-date-range\n [startDate]=\"transStartDate\"\n [endDate]=\"transEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'rangeTransDate')\"\n (cleared)=\"onClearedDateRangeChange('rangeTransDate')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Leverdatum-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_DATE' | localize\"\n [expanded]=\"true\"\n [customContent]=\"true\">\n <co-input-date-range\n [startDate]=\"deliveryStartDate\"\n [endDate]=\"deliveryEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'deliveryDateRange')\"\n (cleared)=\"onClearedDateRangeChange('deliveryDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Filiaal-->\n <co-filter-item\n [placeholder]=\"'BRANCH' | localize\"\n [expanded]=\"true\"\n [collection]=\"branches\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeBranchId')\"\n >\n </co-filter-item>\n\n <!--Inkoper-->\n <co-filter-item\n [placeholder]=\"'PURCHASE_PERSON' | localize\"\n [expanded]=\"true\"\n [collection]=\"purchasePersons\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeSalesPerson')\"\n >\n </co-filter-item>\n\n <!--Eigen referentie-->\n <co-filter-item\n [placeholder]=\"'OWN_REFERENCE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.userReference\"\n [placeholder]=\"'OWN_REFERENCE' | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Tags-->\n <co-filter-item\n [placeholder]=\"'TAGS' | localize\"\n [expanded]=\"true\"\n [collection]=\"tags\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'tagRange')\"\n >\n </co-filter-item>\n\n <!--On hold codes-->\n <co-filter-item\n [placeholder]=\"'ON_HOLD' | localize\"\n [expanded]=\"true\"\n [collection]=\"onHoldCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event,'rangeOnHoldCodes')\"\n >\n </co-filter-item>\n\n <!--Commissiecode-->\n <co-filter-item\n [placeholder]=\"'COMMISSION_CODE' | localize\"\n [expanded]=\"true\"\n [collection]=\"commissionCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'commissionCodes')\"\n >\n </co-filter-item>\n\n <!--Meer filters -->\n <co-filter-item\n [placeholder]=\"'MORE_FILTERS' | localize\"\n [customContent]=\"true\"\n [expanded]=\"false\">\n\n <!--Order definitief-->\n <co-input-checkbox\n [model]=\"searchRequest.transactionDefinitive === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'transactionDefinitive')\"\n [label]=\"'ORDER_DEFINITIVE' | localize\"></co-input-checkbox>\n\n <!--Inactieve transacties-->\n <co-input-checkbox\n [model]=\"searchRequest.active === false\"\n (modelChange)=\"searchRequest.active = !$event\"\n [label]=\"'INACTIVE_TRANSACTIONS' | localize\"\n ></co-input-checkbox>\n\n <!--Inclusief retouren -->\n <co-input-checkbox\n [label]=\"'INCLUDING_RETURNS' | localize\"\n [model]=\"searchRequest.includingReturns === 1\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForNumber($event, 'includingReturns')\"\n >\n </co-input-checkbox>\n\n <!--Levermethode op (regel/header): nog niet in API -->\n\n </co-filter-item>\n\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":168,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setRangeDates":[{"__symbolic":"method"}],"_setPurchasePersons":[{"__symbolic":"method"}],"_setTags":[{"__symbolic":"method"}],"_setBranches":[{"__symbolic":"method"}],"_setOnHoldCodes":[{"__symbolic":"method"}],"_setCommissionCodes":[{"__symbolic":"method"}]}},"ɵgt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":10,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDateRangePickerModule","line":11,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":12,"character":8},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":14,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":15,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":16,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵgj"}],"declarations":[{"__symbolic":"reference","name":"ɵgu"}],"exports":[{"__symbolic":"reference","name":"ɵgu"}]}]}],"members":{}},"ɵgu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"co-transaction-purchase-order-filter-content-logistics","template":"\n <div class=\"transaction-filter-content-logistics-wrapper\">\n\n <!--Bevestigde leverdatum-->\n <co-filter-item\n [placeholder]=\"'CONFIRMED_DELIVERY_DATE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-date-range\n [startDate]=\"confirmedDeliveryStartDate\"\n [endDate]=\"confirmedDeliveryEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'confirmedDeliveryDateRange')\"\n (cleared)=\"onClearedDateRangeChange('confirmedDeliveryDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Serienummer-->\n <co-filter-item\n [placeholder]=\"'SERIAL_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Batchnummer-->\n <co-filter-item\n [placeholder]=\"'BATCH_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\" [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Geleverd-->\n <co-transaction-filter-historic-state\n [label]=\"'DELIVERED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityDelivered')\"\n ></co-transaction-filter-historic-state>\n\n <!--Gefactureerd-->\n <co-transaction-filter-historic-state\n [label]=\"'INVOICED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityInvoiced')\"\n ></co-transaction-filter-historic-state>\n\n <!--Binnengemeld / Geleverd -->\n <co-transaction-filter-historic-state\n [label]=\"'RECEIVED_DELIVERED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityReceived')\"\n ></co-transaction-filter-historic-state>\n\n <!--Bevestigd-->\n <co-transaction-filter-historic-state\n [label]=\"'CONFIRMED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityConfirmed')\"\n ></co-transaction-filter-historic-state>\n\n <!--Aankomstdatum-->\n <co-filter-item\n [placeholder]=\"'ARRIVAL_DATE' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-date-range\n [startDate]=\"arrivalStartDate\"\n [endDate]=\"arrivalEndDate\"\n (dateRangeChange)=\"onDateRangeChange($event, 'arrivalDateRange')\"\n (cleared)=\"onClearedDateRangeChange('arrivalDateRange')\"\n [placeholder]=\"'SELECT_DATE' | localize\">\n </co-input-date-range>\n </co-filter-item>\n\n <!--Toegewezen-->\n <co-transaction-filter-historic-state\n [label]=\"'ALLOCATED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityAllocated')\"\n ></co-transaction-filter-historic-state>\n\n <!--Te picken-->\n <co-transaction-filter-historic-state\n [label]=\"'TO_BE_PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityToBePicked')\"\n ></co-transaction-filter-historic-state>\n\n <!--Gepicked-->\n <co-transaction-filter-historic-state\n [label]=\"'PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityPicked')\"\n ></co-transaction-filter-historic-state>\n\n <!--Deellevering-->\n <co-filter-item\n [placeholder]=\"'PART_DELIVERY' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.partialDelivery === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'partialDelivery')\"\n [label]=\"'PART_DELIVERY' | localize\">\n </co-input-checkbox>\n </co-filter-item>\n\n <!--Magazijn-->\n <co-filter-item\n [placeholder]=\"'WAREHOUSE' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"warehouses\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'warehouse')\">\n </co-filter-item>\n\n <!--Bron magazijn-->\n <co-filter-item\n [placeholder]=\"'SOURCE_WAREHOUSE' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [collection]=\"sourceWarehouses\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'sourceWarehouse')\">\n </co-filter-item>\n\n <!--Levermethode-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_METHOD' | localize\"\n [expanded]=\"true\"\n [collection]=\"deliveryMethods\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')\">\n </co-filter-item>\n\n\n <!--Leverdatum definitief-->\n <co-filter-item\n [placeholder]=\"'DELIVERY_DATE_FINAL' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-checkbox\n [model]=\"searchRequest.deliveryDateDefinitive === 'J'\"\n (modelChange)=\"filterRequestService.handleCheckboxValueChangeForString($event, 'deliveryDateDefinitive')\"\n [label]=\"'DELIVERY_DATE_FINAL' | localize\"></co-input-checkbox>\n </co-filter-item>\n\n <!--Uitvoerbaar: todo: vraag staat uit wat hiermee bedoeld wordt. Daarna hier aanvullen -->\n\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":174,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setRangeDates":[{"__symbolic":"method"}],"_setDeliveryMethods":[{"__symbolic":"method"}],"_setWarehouses":[{"__symbolic":"method"}],"_setSourceWarehouses":[{"__symbolic":"method"}]}},"ɵgv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FilterItemModule","line":9,"character":4},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":11,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":12,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgw"}],"exports":[{"__symbolic":"reference","name":"ɵgw"}]}]}],"members":{}},"ɵgw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgg"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"co-transaction-purchase-order-filter-content-article","template":"\n <div class=\"transaction-filter-content-article-wrapper\">\n\n <!--Artikelnummer-->\n <co-filter-item\n [placeholder]=\"'ARTICLE_NR' | localize\"\n [expanded]=\"true\"\n [singleSelect]=\"true\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [minSearchCharsToLoadCollection]=\"3\"\n [collectionLoadFn]=\"getArticles\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'articleNr')\"\n >\n </co-filter-item>\n\n <!--Omzetgroep-->\n <co-filter-item\n [placeholder]=\"'TURNOVER_GROUP' | localize\"\n [expanded]=\"true\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n [collection]=\"turnoverGroups\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeTurnoverGroup')\"\n >\n </co-filter-item>\n\n <!--Uitloopcode -->\n <co-filter-item\n [placeholder]=\"'EXCEEDENCE_CODE' | localize\"\n [expanded]=\"true\"\n [collection]=\"exceedanceCodes\"\n [searchPlaceholder]=\"searchCollectionPlaceholder | localize\"\n [noResultsLabel]=\"noResultsLabel | localize\"\n [showMoreLabel]=\"showMoreLabel | localize\"\n [showLessLabel]=\"showLessLabel | localize\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'exceedanceCodes')\"\n >\n </co-filter-item>\n\n <!--Serienummer -->\n <co-filter-item\n [placeholder]=\"'SERIAL_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <!--Batchnummer -->\n <co-filter-item\n [placeholder]=\"'BATCH_NUMBER' | localize\"\n [customContent]=\"true\"\n [expanded]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\" [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-filter-item>\n\n <div class=\"filter-button-container\">\n <co-button class=\"clickable\" [label]=\"'Filter'\" (click)=\"onFilterButtonClick()\"></co-button>\n </div>\n </div>\n "}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":3},"arguments":["class.co-transaction-search-filter-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"TransactionService"}]}],"ngOnInit":[{"__symbolic":"method"}],"_setExceedanceCodes":[{"__symbolic":"method"}],"_setTurnoverGroups":[{"__symbolic":"method"}],"_setMainArticles":[{"__symbolic":"method"}],"_setSuppliers":[{"__symbolic":"method"}]}},"ɵgx":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵgp"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"co-transaction-purchase-order-filter","template":"\n <div class=\"transaction-filter-header-wrapper\">\n <div class=\"transaction-filter-header\">\n <span [textContent]=\"'Filters'\"></span>\n <co-icon class=\"filter-reset-icon clickable\"\n [iconData]=\"iconCacheService.getIcon(icon.SyncAlt)\"\n (click)=\"resetFilters()\"\n ></co-icon>\n </div>\n <co-icon class=\"clickable\" [iconData]=\"iconCacheService.getIcon(icon.Cancel)\"\n (click)=\"onCloseButtonClick()\"></co-icon>\n </div>\n <div class=\"transaction-filter-categories\">\n <co-transaction-filter-categories [categories]=\"filterCategories\"\n (categoryClick)=\"handleCategoryClick($event)\"></co-transaction-filter-categories>\n </div>\n <div #filterItems class=\"transaction-category-filter-wrapper\" data-ride=\"carousel\">\n <div #orderFilter class=\"transaction-filter-category-content\">\n <co-transaction-purchase-order-filter-content-order></co-transaction-purchase-order-filter-content-order>\n </div>\n <div #logisticsFilter class=\"transaction-filter-category-content\">\n <co-transaction-purchase-order-filter-content-logistics></co-transaction-purchase-order-filter-content-logistics>\n </div>\n <div #articleFilter class=\"transaction-filter-category-content\">\n <co-transaction-purchase-order-filter-content-article></co-transaction-purchase-order-filter-content-article>\n </div>\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":35,"character":17},"member":"None"}}]}],"members":{"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":3},"arguments":["class.co-transaction-purchase-order-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵfi"}]}]}},"ɵgy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵgz"}],"exports":[{"__symbolic":"reference","name":"ɵgz"}]}]}],"members":{}},"ɵgz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"co-transaction-filter","template":"\n <div #transactionFilter class=\"transaction-filter-wrapper\">\n </div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["transactionFilter",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":41}}]}]}],"transactionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"activeSearchViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"closeButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"resetFilterClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"showClass":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":59,"character":3},"arguments":["class.co-transaction-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":71,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":72,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":73,"character":22},{"__symbolic":"reference","name":"ɵfi"}]}],"_prepareContent":[{"__symbolic":"method"}]}}},"origins":{"CheckoutComponent":"./lib/component/checkout/checkout.component","CheckoutModule":"./lib/component/checkout/checkout.module","ShoppingCartComponent":"./lib/component/shopping-cart/shopping-cart.component","ShoppingCartModule":"./lib/component/shopping-cart/shopping-cart.module","ShoppingCartPreviewComponent":"./lib/component/shopping-cart-preview/shopping-cart-preview.component","ShoppingCartPreviewModule":"./lib/component/shopping-cart-preview/shopping-cart-preview.module","TransactionComponent":"./lib/component/transaction/transaction.component","TransactionModule":"./lib/component/transaction/transaction.module","TransactionSearchComponent":"./lib/component/transaction-search/transaction-search.component","TransactionSearchModule":"./lib/component/transaction-search/transaction-search.module","TransactionHeaderComponent":"./lib/component/transaction-header/transaction-header.component","TransactionHeaderModule":"./lib/component/transaction-header/transaction-header.module","TransactionHeaderOrderComponent":"./lib/component/transaction-header/transaction-header-order/transaction-header-order.component","TransactionHeaderOrderModule":"./lib/component/transaction-header/transaction-header-order/transaction-header-order.module","TransactionHeaderDeliveryComponent":"./lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.component","TransactionHeaderDeliveryModule":"./lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.module","TransactionHeaderRelationComponent":"./lib/component/transaction-header/transaction-header-relation/transaction-header-relation.component","TransactionHeaderRelationModule":"./lib/component/transaction-header/transaction-header-relation/transaction-header-relation.module","TransactionLineComponent":"./lib/component/transaction-line/transaction-line.component","TransactionLineModule":"./lib/component/transaction-line/transaction-line.module","TransactionLineGridComponent":"./lib/component/transaction-line-grid/transaction-line-grid.component","TransactionLineGridModule":"./lib/component/transaction-line-grid/transaction-line-grid.module","TransactionLinesComponent":"./lib/component/transaction-lines/transaction-lines.component","TransactionLinesModule":"./lib/component/transaction-lines/transaction-lines.module","TransactionTotalsComponent":"./lib/component/transaction-totals/transaction-totals.component","TransactionTotalsModule":"./lib/component/transaction-totals/transaction-totals.module","TransactionQuickAccessComponent":"./lib/component/transaction-quick-access/transaction-quick-access/transaction-quick-access.component","TransactionQuickAccessModule":"./lib/component/transaction-quick-access/transaction-quick-access/transaction-quick-access.module","TransactionQuickAccessOrderConfirmationComponent":"./lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/transaction-quick-access-order-confirmation.component","TransactionQuickAccessOrderConfirmationModule":"./lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/transaction-quick-access-order-confirmation.module","TransactionQuickAccessReceivedGoodsComponent":"./lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.component","TransactionQuickAccessReceivedGoodsModule":"./lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.module","TransactionConfirmationDetailsComponent":"./lib/component/transaction-confirmation-details/transaction-confirmation-details.component","TransactionConfirmationDetailsModule":"./lib/component/transaction-confirmation-details/transaction-confirmation-details.module","TransactionConfirmationHistoryComponent":"./lib/component/transaction-confirmation-history/transaction-confirmation-history.component","TransactionConfirmationHistoryModule":"./lib/component/transaction-confirmation-history/transaction-confirmation-history.module","TransactionService":"./lib/service/transaction.service","ɵa":"./lib/service/pending-reason.service","ɵb":"./lib/service/dialog.service","ɵc":"./lib/service/options.service","ɵd":"./lib/service/dictionary.service","ɵe":"./lib/service/transaction-connector.service","ɵf":"./lib/service/collection-cache.service","ɵg":"./lib/service/article-connector.service","ɵh":"./lib/component/core/core.module","ɵi":"./lib/component/confirmation-dialog/confirmation-dialog.module","ɵj":"./lib/pipe/pipe.module","ɵk":"./lib/pipe/append.pipe","ɵl":"./lib/pipe/delivery-time.pipe","ɵm":"./lib/pipe/date-duration.pipe","ɵn":"./lib/pipe/localize.pipe","ɵo":"./lib/pipe/co-currency.pipe","ɵp":"./lib/pipe/safe-style.pipe","ɵq":"./lib/pipe/safe-html.pipe","ɵr":"./lib/component/confirmation-dialog/confirmation-dialog.component","ɵs":"./lib/component/core/base/dialog-base.component","ɵt":"./lib/component/core/image-display/image-display.component","ɵu":"./lib/component/core/icon/icon.component","ɵv":"./lib/service/icon-cache.service","ɵw":"./lib/component/core/relation/customer-groups.component","ɵx":"./lib/component/core/stock-status-indicator/stock-status-indicator.component","ɵy":"./lib/component/core/loader.component","ɵz":"./lib/component/relation-address/relation-address.module","ɵba":"./lib/component/relation-address/relation-address.component","ɵbb":"./lib/component/relation-address-select/relation-address-select.module","ɵbc":"./lib/component/relation-address-tile/relation-address-tile.module","ɵbd":"./lib/component/tile/tile.module","ɵbe":"./lib/component/tile/tile.component","ɵbf":"./lib/component/relation-address-tile/relation-address-tile.component","ɵbg":"./lib/component/relation-address-select/relation-address-select.component","ɵbh":"./lib/factory/business-object-factory","ɵbi":"./lib/component/stepper/stepper.module","ɵbj":"./lib/component/stepper/stepper.component","ɵbk":"./lib/component/stepper/component/stepper-step.component","ɵbl":"./lib/component/shared/transaction-article-text/transaction-article-text.module","ɵbm":"./lib/component/shared/transaction-article-text/transaction-article-text.component","ɵbn":"./lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.module","ɵbo":"./lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.component","ɵbp":"./lib/component/transaction-line-action-buttons/transaction-line-action-buttons.module","ɵbq":"./lib/component/transaction-line-action-buttons/transaction-line-action-buttons.component","ɵbr":"./lib/component/editable-label/editable-label.module","ɵbs":"./lib/component/editable-label/editable-label.component","ɵbt":"./lib/component/transaction-line-fields/transaction-line-price.module","ɵbu":"./lib/component/transaction-line-fields/transaction-line-price.component","ɵbv":"./lib/component/transaction-line-fields/transaction-line-fields-base.component","ɵbw":"./lib/service/transaction-image.service","ɵbx":"./lib/component/avatar/avatar.module","ɵby":"./lib/component/avatar/avatar.component","ɵbz":"./lib/service/shared.service","ɵca":"./lib/service/shared-connector.service","ɵcb":"./lib/component/delivery-type-tile/delivery-type-tile.module","ɵcc":"./lib/component/delivery-type-tile/delivery-type-tile.component","ɵcd":"./lib/component/payment/payment.module","ɵce":"./lib/component/payment-tile/payment-tile.module","ɵcf":"./lib/component/payment-tile/payment-tile.component","ɵcg":"./lib/component/payment-qr-code/payment-qr-code.module","ɵch":"./lib/component/payment-qr-code/payment-qr-code.component","ɵci":"./lib/service/payment.service","ɵcj":"./lib/component/payment/payment.component","ɵck":"./lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component","ɵcl":"./lib/component/checkout/checkout-overview-delivery-edit/checkout-overview-delivery-edit.component","ɵcm":"./lib/component/checkout/checkout-overview-delivery-address/checkout-overview-delivery-address.component","ɵcn":"./lib/component/checkout/checkout-relation-suggestions-list/checkout-relation-suggestions-list.component","ɵco":"./lib/component/checkout/checkout-relation-suggestions-list-item/checkout-relation-suggestions-list-item.component","ɵcp":"./lib/component/checkout/checkout-login/checkout-login.component","ɵcq":"./lib/component/transaction-header/transaction-header/transaction-header.module","ɵcr":"./lib/component/core/base/components/transaction-header-block/transaction-header-block.module","ɵcs":"./lib/component/core/base/components/transaction-header-block/transaction-header-block.component","ɵct":"./lib/component/core/base/transaction-base.component","ɵcu":"./lib/component/transaction-header/transaction-header-payment/transaction-header-payment.module","ɵcv":"./lib/component/transaction-header/transaction-header-payment/transaction-header-payment.component","ɵcw":"./lib/component/transaction-header/transaction-header/transaction-header.component","ɵcx":"./lib/component/transaction-grid/transaction-lines-grid/transaction-lines-grid.module","ɵcy":"./lib/component/transaction-grid/transaction-base-grid/transaction-base-grid.module","ɵcz":"./lib/component/transaction-line-side-panel/transaction-line-side-panel.module","ɵda":"./lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.module","ɵdb":"./lib/component/transaction-line-fields/transaction-line-price-list.module","ɵdc":"./lib/component/transaction-line-fields/transaction-line-price-list.component","ɵdd":"./lib/component/transaction-line-fields/transaction-line-vat.module","ɵde":"./lib/component/transaction-line-fields/transaction-line-vat.component","ɵdf":"./lib/component/transaction-line-fields/transaction-line-quantity.module","ɵdg":"./lib/component/transaction-line-fields/transaction-line-quantity.component","ɵdh":"./lib/component/transaction-line-fields/transaction-line-line-discount.module","ɵdi":"./lib/component/transaction-line-fields/transaction-line-line-discount.component","ɵdj":"./lib/component/transaction-line-fields/transaction-line-delivery-method.module","ɵdk":"./lib/component/transaction-line-fields/transaction-line-delivery-method.component","ɵdl":"./lib/component/transaction-line-fields/transaction-line-delivery-date.module","ɵdm":"./lib/component/transaction-line-fields/transaction-line-delivery-date.component","ɵdn":"./lib/component/transaction-line-fields/transaction-line-reference.module","ɵdo":"./lib/component/transaction-line-fields/transaction-line-reference.component","ɵdp":"./lib/component/transaction-line-fields/transaction-line-commission-code.module","ɵdq":"./lib/component/transaction-line-fields/transaction-line-commission-code.component","ɵdr":"./lib/component/transaction-line-fields/transaction-line-warehouse.module","ɵds":"./lib/component/transaction-line-fields/transaction-line-warehouse.component","ɵdt":"./lib/component/transaction-line-fields/transaction-line-discount-amount.module","ɵdu":"./lib/component/transaction-line-fields/transaction-line-discount-amount.component","ɵdv":"./lib/component/transaction-line-fields/transaction-line-quantum-discount.module","ɵdw":"./lib/component/transaction-line-fields/transaction-line-quantum-discount.component","ɵdx":"./lib/component/transaction-line-fields/transaction-line-special-discount.module","ɵdy":"./lib/component/transaction-line-fields/transaction-line-special-discount.component","ɵdz":"./lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.component","ɵea":"./lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.module","ɵeb":"./lib/component/transaction-grid/transaction-history-grid/transaction-history-grid.module","ɵec":"./lib/component/transaction-history-grid-status/transaction-history-grid-status.module","ɵed":"./lib/component/transaction-history-grid-status/transaction-history-grid-status.component","ɵee":"./lib/component/transaction-grid/transaction-history-grid/transaction-history-grid.component","ɵef":"./lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component","ɵeg":"./lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.module","ɵeh":"./lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.component","ɵei":"./lib/service/article.service","ɵej":"./lib/component/transaction-button-bar/transaction-button-bar.module","ɵek":"./lib/component/transaction-button-bar/transaction-button-bar.component","ɵel":"./lib/service/transaction-mapping.service","ɵem":"./lib/component/transaction-button-bar/transaction-button-bar-button/transaction-button-bar-button.component","ɵen":"./lib/component/transaction-line-side-panel-purchase/transaction-line-side-panel-purchase.module","ɵeo":"./lib/component/core/base/components/default-ok-cancel-buttons/default-ok-cancel-buttons.module","ɵep":"./lib/component/core/base/components/default-ok-cancel-buttons/default-ok-cancel-buttons.component","ɵeq":"./lib/component/transaction-line-side-panel-purchase/transaction-line-side-panel-purchase.component","ɵer":"./lib/service/transaction-event.service","ɵes":"./lib/component/transaction-line-side-panel/transaction-line-side-panel.component","ɵet":"./lib/component/transaction-grid/transaction-base-grid/transaction-base-grid.component","ɵeu":"./lib/component/core/base/transaction-grid-base.component","ɵev":"./lib/component/transaction-grid/transaction-lines-grid/transaction-lines-grid.component","ɵew":"./lib/component/discount/discount.module","ɵex":"./lib/component/discount/discount.component","ɵey":"./lib/component/transaction-quick-access/transaction-quick-access-overview/transaction-quick-access-overview.module","ɵez":"./lib/component/transaction-quick-access/transaction-quick-access-overview/transaction-quick-access-overview.component","ɵfa":"./lib/component/transaction-grid/transaction-order-confirmation-grid/transaction-order-confirmation-grid.module","ɵfb":"./lib/component/transaction-grid/transaction-order-confirmation-grid/transaction-order-confirmation-grid.component","ɵfc":"./lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.module","ɵfd":"./lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.component","ɵfe":"./lib/component/view-mode-buttons/view-mode-buttons.module","ɵff":"./lib/component/view-mode-buttons/view-mode-buttons.component","ɵfg":"./lib/component/transaction-grid/transaction-grid/transaction-grid.module","ɵfh":"./lib/component/transaction-grid/transaction-grid/transaction-grid.component","ɵfi":"./lib/component/transaction-search/service/transaction-search.service","ɵfj":"./lib/component/transaction-search/transaction-search-result/transaction-search-result.module","ɵfk":"./lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.module","ɵfl":"./lib/component/transaction-search/transaction-search-tile/transaction-search-sales-order-tile/transaction-search-sales-order-tile.component","ɵfm":"./lib/component/core/base/transaction-search-tile-base.component","ɵfn":"./lib/component/transaction-search/transaction-search-tile/transaction-search-purchase-order-tile/transaction-search-purchase-order-tile.module","ɵfo":"./lib/component/transaction-search/transaction-search-tile/transaction-search-purchase-order-tile/transaction-search-purchase-order-tile.component","ɵfp":"./lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/transaction-search-sales-order-grid.module","ɵfq":"./lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/transaction-search-sales-order-grid.component","ɵfr":"./lib/component/core/base/transaction-search-grid-base.component","ɵfs":"./lib/component/transaction-search/transaction-search-grid/transaction-search-purchase-order-grid/transaction-search-purchase-order-grid.module","ɵft":"./lib/component/transaction-search/transaction-search-grid/transaction-search-purchase-order-grid/transaction-search-purchase-order-grid.component","ɵfu":"./lib/component/transaction-search/transaction-search-header/transaction-search-header.module","ɵfv":"./lib/component/transaction-search/transaction-search-header/transaction-search-header.component","ɵfw":"./lib/component/transaction-search/transaction-search-grid/transaction-search-grid/transaction-search-grid.module","ɵfx":"./lib/component/transaction-search/transaction-search-grid/transaction-search-grid/transaction-search-grid.component","ɵfy":"./lib/component/transaction-search/transaction-search-tile/transaction-search-tile/transaction-search-tile.module","ɵfz":"./lib/component/transaction-search/transaction-search-tile/transaction-search-tile/transaction-search-tile.component","ɵga":"./lib/component/transaction-search/transaction-search-result/transaction-search-result.component","ɵgb":"./lib/component/transaction-search/transaction-filter/transaction-sales-order-filter/transaction-sales-order-filter.module","ɵgc":"./lib/component/transaction-search/transaction-filter-categories/transaction-filter-categories.module","ɵgd":"./lib/component/transaction-search/transaction-filter-categories/transaction-filter-categories.component","ɵge":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-order/transaction-sales-order-filter-content-order.module","ɵgf":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-order/transaction-sales-order-filter-content-order.component","ɵgg":"./lib/component/core/base/transaction-filter-content-base.component","ɵgh":"./lib/component/transaction-search/service/filter-request.service","ɵgi":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-logistics/transaction-sales-order-filter-content-logistics.module","ɵgj":"./lib/component/transaction-search/transaction-filter-historic-state/transaction-filter-historic-state.module","ɵgk":"./lib/component/transaction-search/transaction-filter-historic-state/transaction-filter-historic-state.component","ɵgl":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-logistics/transaction-sales-order-filter-content-logistics.component","ɵgm":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-article/transaction-sales-order-filter-content-article.module","ɵgn":"./lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-article/transaction-sales-order-filter-content-article.component","ɵgo":"./lib/component/transaction-search/transaction-filter/transaction-sales-order-filter/transaction-sales-order-filter.component","ɵgp":"./lib/component/core/base/transaction-filter-base.component","ɵgq":"./lib/component/transaction-search/transaction-filter/transaction-purchase-order-filter/transaction-purchase-order-filter.module","ɵgr":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-order/transaction-purchase-order-filter-content-order.module","ɵgs":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-order/transaction-purchase-order-filter-content-order.component","ɵgt":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-logistics/transaction-purchase-order-filter-content-logistics.module","ɵgu":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-logistics/transaction-purchase-order-filter-content-logistics.component","ɵgv":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-article/transaction-purchase-order-filter-content-article.module","ɵgw":"./lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-article/transaction-purchase-order-filter-content-article.component","ɵgx":"./lib/component/transaction-search/transaction-filter/transaction-purchase-order-filter/transaction-purchase-order-filter.component","ɵgy":"./lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.module","ɵgz":"./lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.component"},"importAs":"@colijnit/transaction"}