@colijnit/transaction 12.1.56 → 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.
@@ -11112,7 +11112,7 @@
11112
11112
  },
11113
11113
  set: function (value) {
11114
11114
  this._transaction = value;
11115
- if (this._transaction && this._transaction.transactionInfo && this._transaction.transactionInfo.uuid) {
11115
+ if (this._transaction) {
11116
11116
  if (this._transaction.transactionInfo) {
11117
11117
  this.transactionInfo = this._transaction.transactionInfo;
11118
11118
  this.isService = this._transaction.transactionInfo.transactionKind === transactionKind_enum.TransactionKind.ServiceOrder;
@@ -11126,7 +11126,9 @@
11126
11126
  if (this._transaction.lineOperationStatuses) {
11127
11127
  this.lineOperationStatuses = this._transaction.lineOperationStatuses;
11128
11128
  }
11129
- this.transactionSet();
11129
+ if (this._transaction.transactionInfo && this._transaction.transactionInfo.uuid) {
11130
+ this.transactionSet();
11131
+ }
11130
11132
  }
11131
11133
  },
11132
11134
  enumerable: false,
@@ -21055,7 +21057,7 @@
21055
21057
  TransactionPurchaseOrderFilterContentLogisticsComponent.decorators = [
21056
21058
  { type: i0.Component, args: [{
21057
21059
  selector: 'co-transaction-purchase-order-filter-content-logistics',
21058
- 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 "
21059
21061
  },] }
21060
21062
  ];
21061
21063
  TransactionPurchaseOrderFilterContentLogisticsComponent.ctorParameters = function () { return [
@@ -21068,9 +21070,10 @@
21068
21070
  };
21069
21071
 
21070
21072
  var TransactionFilterHistoricStateComponent = /** @class */ (function () {
21071
- function TransactionFilterHistoricStateComponent() {
21073
+ function TransactionFilterHistoricStateComponent(_dictionary) {
21074
+ this._dictionary = _dictionary;
21072
21075
  this.expanded = true;
21073
- this.filterClicked = new i0.EventEmitter();
21076
+ this.collectionChange = new i0.EventEmitter();
21074
21077
  this.states = [];
21075
21078
  }
21076
21079
  Object.defineProperty(TransactionFilterHistoricStateComponent.prototype, "label", {
@@ -21091,14 +21094,11 @@
21091
21094
  TransactionFilterHistoricStateComponent.prototype.showClass = function () {
21092
21095
  return true;
21093
21096
  };
21094
- TransactionFilterHistoricStateComponent.prototype.handleStateChange = function (value) {
21095
- this.filterClicked.emit(value);
21096
- };
21097
21097
  TransactionFilterHistoricStateComponent.prototype._setStates = function () {
21098
21098
  this.states = [
21099
- { label: this.labelNothing, value: quantityInHistoricState_enum.QuantityInHistoricState.Nothing, checked: false },
21100
- { label: this.labelPartly, value: quantityInHistoricState_enum.QuantityInHistoricState.Partly, checked: false },
21101
- { 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 }
21102
21102
  ];
21103
21103
  };
21104
21104
  return TransactionFilterHistoricStateComponent;
@@ -21106,14 +21106,17 @@
21106
21106
  TransactionFilterHistoricStateComponent.decorators = [
21107
21107
  { type: i0.Component, args: [{
21108
21108
  selector: "co-transaction-filter-historic-state",
21109
- 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 ",
21110
21110
  encapsulation: i0.ViewEncapsulation.None
21111
21111
  },] }
21112
21112
  ];
21113
+ TransactionFilterHistoricStateComponent.ctorParameters = function () { return [
21114
+ { type: DictionaryService }
21115
+ ]; };
21113
21116
  TransactionFilterHistoricStateComponent.propDecorators = {
21114
21117
  label: [{ type: i0.Input }],
21115
21118
  expanded: [{ type: i0.Input }],
21116
- filterClicked: [{ type: i0.Output }],
21119
+ collectionChange: [{ type: i0.Output }],
21117
21120
  showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-filter-historic-state",] }]
21118
21121
  };
21119
21122
 
@@ -22075,7 +22078,7 @@
22075
22078
  TransactionSalesOrderFilterContentLogisticsComponent.decorators = [
22076
22079
  { type: i0.Component, args: [{
22077
22080
  selector: 'co-transaction-sales-order-filter-content-logistics',
22078
- 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 "
22079
22082
  },] }
22080
22083
  ];
22081
22084
  TransactionSalesOrderFilterContentLogisticsComponent.ctorParameters = function () { return [