@colijnit/transaction 12.1.57 → 12.1.58

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.
@@ -21057,7 +21057,7 @@
21057
21057
  TransactionPurchaseOrderFilterContentLogisticsComponent.decorators = [
21058
21058
  { type: i0.Component, args: [{
21059
21059
  selector: 'co-transaction-purchase-order-filter-content-logistics',
21060
- template: "\n <div class=\"transaction-filter-content-logistics-wrapper transaction-filter-content-wrapper\" lazyRenderMaster>\n\n <!--Bevestigde leverdatum-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderConfirmedDeliveryDate=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderConfirmedDeliveryDate.isShowing\"\n [placeholder]=\"'CONFIRMED_DELIVERY_DATE'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Serienummer-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderSerialNumber=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderSerialNumber.isShowing\"\n [placeholder]=\"'SERIAL_NUMBER'\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-transaction-filter-item>\n </div>\n\n <!--Batchnummer-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderBatchNumber=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderBatchNumber.isShowing\"\n [placeholder]=\"'BATCH_NUMBER'\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-transaction-filter-item>\n </div>\n\n <!--Geleverd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDelivered=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderDelivered.isShowing\"\n [label]=\"'DELIVERED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityDelivered')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Gefactureerd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderInvoiced=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderInvoiced.isShowing\"\n [label]=\"'INVOICED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityInvoiced')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Binnengemeld / Geleverd -->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderReceived=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderReceived.isShowing\"\n [label]=\"'RECEIVED_DELIVERED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityReceived')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Bevestigd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderConfirmed=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderConfirmed.isShowing\"\n [label]=\"'CONFIRMED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityConfirmed')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Aankomstdatum-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderArrivalDate=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderArrivalDate.isShowing\"\n [placeholder]=\"'ARRIVAL_DATE'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Toegewezen-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderAllocated=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderAllocated.isShowing\"\n [label]=\"'ALLOCATED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityAllocated')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Te picken-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderToBePicked=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderToBePicked.isShowing\"\n [label]=\"'TO_BE_PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityToBePicked')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Gepicked-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderPicked=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderPicked.isShowing\"\n [label]=\"'PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityPicked')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Deellevering-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderPartialDelivery=\"lazyRender\">\n <co-filter-item *ngIf=\"lazyRenderPartialDelivery.isShowing\"\n [placeholder]=\"'PART_DELIVERY' | localize\"\n [customContent]=\"true\"\n [filterButtonLabel]=\"filterButtonLabel | localize\"\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 </div>\n\n <!--Magazijn-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderWarehouse=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderWarehouse.isShowing\"\n [placeholder]=\"'WAREHOUSE'\"\n [singleSelect]=\"true\"\n [collection]=\"warehouses\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'warehouse')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Bron magazijn-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderSourceWarehouse=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderSourceWarehouse.isShowing\"\n [placeholder]=\"'SOURCE_WAREHOUSE'\"\n [singleSelect]=\"true\"\n [collection]=\"sourceWarehouses\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'sourceWarehouse')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Levermethode-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDeliveryMethod=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderDeliveryMethod.isShowing\"\n [placeholder]=\"'DELIVERY_METHOD'\"\n [collection]=\"deliveryMethods\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Leverdatum definitief-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDeliveryDateDefinitive=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderDeliveryDateDefinitive.isShowing\"\n [placeholder]=\"'DELIVERY_DATE_FINAL'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Uitvoerbaar: todo: vraag staat uit wat hiermee bedoeld wordt. Daarna hier aanvullen -->\n </div>\n "
21060
+ template: "\n <div class=\"transaction-filter-content-logistics-wrapper transaction-filter-content-wrapper\" lazyRenderMaster>\n\n <!--Bevestigde leverdatum-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderConfirmedDeliveryDate=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderConfirmedDeliveryDate.isShowing\"\n [placeholder]=\"'CONFIRMED_DELIVERY_DATE'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Serienummer-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderSerialNumber=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderSerialNumber.isShowing\"\n [placeholder]=\"'SERIAL_NUMBER'\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-transaction-filter-item>\n </div>\n\n <!--Batchnummer-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderBatchNumber=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderBatchNumber.isShowing\"\n [placeholder]=\"'BATCH_NUMBER'\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-transaction-filter-item>\n </div>\n\n <!--Geleverd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDelivered=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderDelivered.isShowing\"\n [label]=\"'DELIVERED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityDelivered')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Gefactureerd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderInvoiced=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderInvoiced.isShowing\"\n [label]=\"'INVOICED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityInvoiced')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Binnengemeld / Geleverd -->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderReceived=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderReceived.isShowing\"\n [label]=\"'RECEIVED_DELIVERED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityReceived')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Bevestigd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderConfirmed=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderConfirmed.isShowing\"\n [label]=\"'CONFIRMED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityConfirmed')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Aankomstdatum-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderArrivalDate=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderArrivalDate.isShowing\"\n [placeholder]=\"'ARRIVAL_DATE'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Toegewezen-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderAllocated=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderAllocated.isShowing\"\n [label]=\"'ALLOCATED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityAllocated')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Te picken-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderToBePicked=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderToBePicked.isShowing\"\n [label]=\"'TO_BE_PICKED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityToBePicked')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Gepicked-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderPicked=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderPicked.isShowing\"\n [label]=\"'PICKED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityPicked')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Deellevering-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderPartialDelivery=\"lazyRender\">\n <co-filter-item *ngIf=\"lazyRenderPartialDelivery.isShowing\"\n [placeholder]=\"'PART_DELIVERY' | localize\"\n [customContent]=\"true\"\n [filterButtonLabel]=\"filterButtonLabel | localize\"\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 </div>\n\n <!--Magazijn-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderWarehouse=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderWarehouse.isShowing\"\n [placeholder]=\"'WAREHOUSE'\"\n [singleSelect]=\"true\"\n [collection]=\"warehouses\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'warehouse')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Bron magazijn-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderSourceWarehouse=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderSourceWarehouse.isShowing\"\n [placeholder]=\"'SOURCE_WAREHOUSE'\"\n [singleSelect]=\"true\"\n [collection]=\"sourceWarehouses\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'sourceWarehouse')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Levermethode-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDeliveryMethod=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderDeliveryMethod.isShowing\"\n [placeholder]=\"'DELIVERY_METHOD'\"\n [collection]=\"deliveryMethods\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Leverdatum definitief-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDeliveryDateDefinitive=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderDeliveryDateDefinitive.isShowing\"\n [placeholder]=\"'DELIVERY_DATE_FINAL'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Uitvoerbaar: todo: vraag staat uit wat hiermee bedoeld wordt. Daarna hier aanvullen -->\n </div>\n "
21061
21061
  },] }
21062
21062
  ];
21063
21063
  TransactionPurchaseOrderFilterContentLogisticsComponent.ctorParameters = function () { return [
@@ -21070,9 +21070,10 @@
21070
21070
  };
21071
21071
 
21072
21072
  var TransactionFilterHistoricStateComponent = /** @class */ (function () {
21073
- function TransactionFilterHistoricStateComponent() {
21073
+ function TransactionFilterHistoricStateComponent(_dictionary) {
21074
+ this._dictionary = _dictionary;
21074
21075
  this.expanded = true;
21075
- this.filterClicked = new i0.EventEmitter();
21076
+ this.collectionChange = new i0.EventEmitter();
21076
21077
  this.states = [];
21077
21078
  }
21078
21079
  Object.defineProperty(TransactionFilterHistoricStateComponent.prototype, "label", {
@@ -21093,14 +21094,11 @@
21093
21094
  TransactionFilterHistoricStateComponent.prototype.showClass = function () {
21094
21095
  return true;
21095
21096
  };
21096
- TransactionFilterHistoricStateComponent.prototype.handleStateChange = function (value) {
21097
- this.filterClicked.emit(value);
21098
- };
21099
21097
  TransactionFilterHistoricStateComponent.prototype._setStates = function () {
21100
21098
  this.states = [
21101
- { label: this.labelNothing, value: quantityInHistoricState_enum.QuantityInHistoricState.Nothing, checked: false },
21102
- { label: this.labelPartly, value: quantityInHistoricState_enum.QuantityInHistoricState.Partly, checked: false },
21103
- { label: this.labelFully, value: quantityInHistoricState_enum.QuantityInHistoricState.Fully, checked: false }
21099
+ { description: this._dictionary.get(this.labelNothing), code: quantityInHistoricState_enum.QuantityInHistoricState.Nothing, checked: false },
21100
+ { description: this._dictionary.get(this.labelPartly), code: quantityInHistoricState_enum.QuantityInHistoricState.Partly, checked: false },
21101
+ { description: this._dictionary.get(this.labelFully), code: quantityInHistoricState_enum.QuantityInHistoricState.Fully, checked: false }
21104
21102
  ];
21105
21103
  };
21106
21104
  return TransactionFilterHistoricStateComponent;
@@ -21108,14 +21106,17 @@
21108
21106
  TransactionFilterHistoricStateComponent.decorators = [
21109
21107
  { type: i0.Component, args: [{
21110
21108
  selector: "co-transaction-filter-historic-state",
21111
- template: "\n <co-transaction-filter-item\n [placeholder]=\"label\"\n [customContent]=\"true\">\n <co-input-radio-button *ngFor=\"let state of states\"\n [model]=\"state.checked\"\n [label]=\"state.label | localize\"\n (modelChange)=\"handleStateChange(state.value)\"\n ></co-input-radio-button>\n </co-transaction-filter-item>\n ",
21109
+ template: "\n <co-transaction-filter-item\n [placeholder]=\"label\"\n [collection]=\"states\"\n (collectionChange)=\"collectionChange.emit($event)\">\n </co-transaction-filter-item>\n ",
21112
21110
  encapsulation: i0.ViewEncapsulation.None
21113
21111
  },] }
21114
21112
  ];
21113
+ TransactionFilterHistoricStateComponent.ctorParameters = function () { return [
21114
+ { type: DictionaryService }
21115
+ ]; };
21115
21116
  TransactionFilterHistoricStateComponent.propDecorators = {
21116
21117
  label: [{ type: i0.Input }],
21117
21118
  expanded: [{ type: i0.Input }],
21118
- filterClicked: [{ type: i0.Output }],
21119
+ collectionChange: [{ type: i0.Output }],
21119
21120
  showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-filter-historic-state",] }]
21120
21121
  };
21121
21122
 
@@ -22077,7 +22078,7 @@
22077
22078
  TransactionSalesOrderFilterContentLogisticsComponent.decorators = [
22078
22079
  { type: i0.Component, args: [{
22079
22080
  selector: 'co-transaction-sales-order-filter-content-logistics',
22080
- template: "\n <div class=\"transaction-filter-content-logistics-wrapper transaction-filter-content-wrapper\" lazyRenderMaster>\n\n <!--Levermethode-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDeliveryMethod=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderDeliveryMethod.isShowing\"\n [placeholder]=\"'DELIVERY_METHOD'\"\n [collection]=\"deliveryMethods\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')\"\n >\n </co-transaction-filter-item>\n </div>\n\n\n <!--Leverdatum definitief-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDeliveryDateFinal=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderDeliveryDateFinal.isShowing\"\n [placeholder]=\"'DELIVERY_DATE_FINAL'\"\n [customContent]=\"true\"\n >\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-transaction-filter-item>\n </div>\n\n <!--Toegewezen-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderAllocated=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderAllocated.isShowing\"\n [label]=\"'ALLOCATED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityAllocated')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Geleverd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDelivered=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderDelivered.isShowing\"\n [label]=\"'DELIVERED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityDelivered')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Gefactureerd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderInvoiced=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderInvoiced.isShowing\"\n [label]=\"'INVOICED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityInvoiced')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Te picken-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderToBePicked=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderToBePicked.isShowing\"\n [label]=\"'TO_BE_PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityToBePicked')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Gepicked-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderPicked=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderPicked.isShowing\"\n [label]=\"'PICKED'\"\n (filterClicked)=\"filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityPicked')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Bevestigde leverdatum-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderConfirmedDeliveryDate=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderConfirmedDeliveryDate.isShowing\"\n [placeholder]=\"'CONFIRMED_DELIVERY_DATE'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Aankomstdatum-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderArrivalDate=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderArrivalDate.isShowing\"\n [placeholder]=\"'ARRIVAL_DATE'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Deellevering-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderPartialDelivery=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderPartialDelivery.isShowing\"\n [placeholder]=\"'PART_DELIVERY'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Magazijn -->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderWarehouse=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderWarehouse.isShowing\"\n [placeholder]=\"'WAREHOUSE'\"\n [singleSelect]=\"true\"\n [collection]=\"warehouses\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'warehouse')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Bron magazijn-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderSourceWarehouse=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderSourceWarehouse.isShowing\"\n [placeholder]=\"'SOURCE_WAREHOUSE'\"\n [singleSelect]=\"true\"\n [collection]=\"sourceWarehouses\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'sourceWarehouse')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Serienummer -->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderSerialNumber=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderSerialNumber.isShowing\"\n [placeholder]=\"'SERIAL_NUMBER'\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-transaction-filter-item>\n </div>\n\n <!--Batchnummer -->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderBatchNumber=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderBatchNumber.isShowing\"\n [placeholder]=\"'BATCH_NUMBER'\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-transaction-filter-item>\n </div>\n\n <!--Inclusief retouren-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderIncludingReturns=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderIncludingReturns.isShowing\"\n [placeholder]=\"'INCLUDING_RETURNS'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Levermethode op (regel/header): todo: nog uitzoeken welke filter dit is-->\n </div>\n "
22081
+ template: "\n <div class=\"transaction-filter-content-logistics-wrapper transaction-filter-content-wrapper\" lazyRenderMaster>\n\n <!--Levermethode-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDeliveryMethod=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderDeliveryMethod.isShowing\"\n [placeholder]=\"'DELIVERY_METHOD'\"\n [collection]=\"deliveryMethods\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')\"\n >\n </co-transaction-filter-item>\n </div>\n\n\n <!--Leverdatum definitief-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDeliveryDateFinal=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderDeliveryDateFinal.isShowing\"\n [placeholder]=\"'DELIVERY_DATE_FINAL'\"\n [customContent]=\"true\"\n >\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-transaction-filter-item>\n </div>\n\n <!--Toegewezen-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderAllocated=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderAllocated.isShowing\"\n [label]=\"'ALLOCATED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityAllocated')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Geleverd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderDelivered=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderDelivered.isShowing\"\n [label]=\"'DELIVERED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityDelivered')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Gefactureerd-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderInvoiced=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderInvoiced.isShowing\"\n [label]=\"'INVOICED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityInvoiced')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Te picken-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderToBePicked=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderToBePicked.isShowing\"\n [label]=\"'TO_BE_PICKED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityToBePicked')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Gepicked-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderPicked=\"lazyRender\">\n <co-transaction-filter-historic-state *ngIf=\"lazyRenderPicked.isShowing\"\n [label]=\"'PICKED'\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForArray($event, 'quantityPicked')\"\n ></co-transaction-filter-historic-state>\n </div>\n\n <!--Bevestigde leverdatum-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderConfirmedDeliveryDate=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderConfirmedDeliveryDate.isShowing\"\n [placeholder]=\"'CONFIRMED_DELIVERY_DATE'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Aankomstdatum-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderArrivalDate=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderArrivalDate.isShowing\"\n [placeholder]=\"'ARRIVAL_DATE'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Deellevering-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderPartialDelivery=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderPartialDelivery.isShowing\"\n [placeholder]=\"'PART_DELIVERY'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Magazijn -->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderWarehouse=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderWarehouse.isShowing\"\n [placeholder]=\"'WAREHOUSE'\"\n [singleSelect]=\"true\"\n [collection]=\"warehouses\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'warehouse')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Bron magazijn-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderSourceWarehouse=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderSourceWarehouse.isShowing\"\n [placeholder]=\"'SOURCE_WAREHOUSE'\"\n [singleSelect]=\"true\"\n [collection]=\"sourceWarehouses\"\n (collectionChange)=\"filterRequestService.handleCollectionChangeForSingleSelect($event, 'sourceWarehouse')\">\n </co-transaction-filter-item>\n </div>\n\n <!--Serienummer -->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderSerialNumber=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderSerialNumber.isShowing\"\n [placeholder]=\"'SERIAL_NUMBER'\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.serialNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-transaction-filter-item>\n </div>\n\n <!--Batchnummer -->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderBatchNumber=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderBatchNumber.isShowing\"\n [placeholder]=\"'BATCH_NUMBER'\"\n [customContent]=\"true\">\n <co-input-text [(model)]=\"searchRequest.batchNumber\"\n [placeholder]=\"searchPlaceholder | localize\"></co-input-text>\n </co-transaction-filter-item>\n </div>\n\n <!--Inclusief retouren-->\n <div class=\"filter-item-wrapper\" lazyRender #lazyRenderIncludingReturns=\"lazyRender\">\n <co-transaction-filter-item *ngIf=\"lazyRenderIncludingReturns.isShowing\"\n [placeholder]=\"'INCLUDING_RETURNS'\"\n [customContent]=\"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-transaction-filter-item>\n </div>\n\n <!--Levermethode op (regel/header): todo: nog uitzoeken welke filter dit is-->\n </div>\n "
22081
22082
  },] }
22082
22083
  ];
22083
22084
  TransactionSalesOrderFilterContentLogisticsComponent.ctorParameters = function () { return [