@colijnit/transaction 261.20.71 → 261.20.73

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 (4) hide show
  1. package/fesm2022/colijnit-transaction.mjs +277 -260
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +2 -1
  4. package/package.json +2 -2
package/fesm2022/colijnit-transaction.mjs CHANGED
@@ -354,8 +354,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
354
354
  class Version {
355
355
  name = "@colijnit/transaction";
356
356
  description = "Colijn IT transaction package";
357
- symVer = "261.20.71";
358
- publishDate = "10-9-2026, 18:00:21";
357
+ symVer = "261.20.73";
358
+ publishDate = "8-10-2026, 17:10:47";
359
359
  }
360
360
 
361
361
  class CheckoutModuleService extends BaseModuleService {
@@ -46421,6 +46421,7 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
46421
46421
  extendedTransactionSearch = false;
46422
46422
  returnWizardLayout = false;
46423
46423
  customerPortal = false;
46424
+ filterOnlyAllocated = false;
46424
46425
  lineClicked = new EventEmitter();
46425
46426
  transactionClick = new EventEmitter();
46426
46427
  lines;
@@ -46433,7 +46434,13 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
46433
46434
  }
46434
46435
  async handleVisibilityChange(visible) {
46435
46436
  if (visible && (this.lines === null || this.lines === undefined)) {
46436
- this.lines = await this.transactionService.getLineIndicesByTransId(this.transaction.transId);
46437
+ let foundLines = await this.transactionService.getLineIndicesByTransId(this.transaction.transId);
46438
+ if (!this.filterOnlyAllocated) {
46439
+ this.lines = foundLines;
46440
+ }
46441
+ else {
46442
+ this.lines = foundLines.filter(l => l.quantityAllocated > 0);
46443
+ }
46437
46444
  }
46438
46445
  }
46439
46446
  tileClicked(line) {
@@ -46472,7 +46479,7 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
46472
46479
  }
46473
46480
  }
46474
46481
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, deps: [{ token: IconCacheService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
46475
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout", customerPortal: "customerPortal" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
46482
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout", customerPortal: "customerPortal", filterOnlyAllocated: "filterOnlyAllocated" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
46476
46483
  @if (customerPortal) {
46477
46484
  <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46478
46485
  (visibilityChange)="handleVisibilityChange($event)">
@@ -46703,6 +46710,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
46703
46710
  type: Input
46704
46711
  }], customerPortal: [{
46705
46712
  type: Input
46713
+ }], filterOnlyAllocated: [{
46714
+ type: Input
46706
46715
  }], lineClicked: [{
46707
46716
  type: Output
46708
46717
  }], transactionClick: [{
@@ -46716,6 +46725,7 @@ class DialogTransactionSearchComponent {
46716
46725
  placeholder;
46717
46726
  set relation(value) {
46718
46727
  this.transactionSearchService.searchRequest.relationNrTr = Number(value.relationNumber);
46728
+ this.transactionSearchService.searchRequest.quantityAllocated = [2, 3];
46719
46729
  }
46720
46730
  filterIconClick = new EventEmitter();
46721
46731
  closeClick = new EventEmitter();
@@ -46743,62 +46753,66 @@ class DialogTransactionSearchComponent {
46743
46753
  this.transactionSearchService.searchTransactions();
46744
46754
  }
46745
46755
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogTransactionSearchComponent, deps: [{ token: TransactionSearchService }, { token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
46746
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DialogTransactionSearchComponent, isStandalone: false, selector: "co-dialog-transaction-search", inputs: { placeholder: "placeholder", relation: "relation" }, outputs: { filterIconClick: "filterIconClick", closeClick: "closeClick", lineClicked: "lineClicked" }, host: { properties: { "class.co-dialog-transaction-search": "this.showClass" } }, ngImport: i0, template: `
46747
- <co-dialog (closeClick)="closeClick.emit()" >
46748
-
46749
- <div class="search-wrapper">
46750
- <co-transaction-search-header (filterIconClick)="onFilterButtonClick()"></co-transaction-search-header>
46751
- <div class="search-content">
46752
- <ng-container>
46753
- @if (showFilters) {
46754
- <div class="search-filter-panel narrow-scrollbar" >
46755
- <co-transaction-filter></co-transaction-filter>
46756
- </div>
46757
- }
46758
- <div class="search-result-content">
46759
- @for (transaction of transactionSearchService.transactions; track transaction) {
46760
- <div class="transaction-tile">
46761
- <co-transaction-search-sales-line-select-tile
46762
- [transaction]="transaction" (lineClicked)="transLineClicked($event)">
46763
- </co-transaction-search-sales-line-select-tile>
46764
- </div>
46765
- }
46766
- </div>
46767
- </ng-container>
46768
- </div>
46769
- </div>
46770
- </co-dialog>
46771
- `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: TransactionSearchHeaderComponent, selector: "co-transaction-search-header", inputs: ["placeholder"], outputs: ["filterIconClick"] }, { kind: "component", type: TransactionFilterComponent, selector: "co-transaction-filter", outputs: ["totalActiveFiltersChange"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout", "customerPortal"], outputs: ["lineClicked", "transactionClick"] }], encapsulation: i0.ViewEncapsulation.None });
46756
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DialogTransactionSearchComponent, isStandalone: false, selector: "co-dialog-transaction-search", inputs: { placeholder: "placeholder", relation: "relation" }, outputs: { filterIconClick: "filterIconClick", closeClick: "closeClick", lineClicked: "lineClicked" }, host: { properties: { "class.co-dialog-transaction-search": "this.showClass" } }, ngImport: i0, template: `
46757
+ <co-dialog (closeClick)="closeClick.emit()" >
46758
+
46759
+ <div class="search-wrapper">
46760
+ <co-transaction-search-header (filterIconClick)="onFilterButtonClick()"></co-transaction-search-header>
46761
+ <div class="search-content">
46762
+ <ng-container>
46763
+ @if (showFilters) {
46764
+ <div class="search-filter-panel narrow-scrollbar" >
46765
+ <co-transaction-filter></co-transaction-filter>
46766
+ </div>
46767
+ }
46768
+ <div class="search-result-content">
46769
+ @for (transaction of transactionSearchService.transactions; track transaction) {
46770
+ <div class="transaction-tile">
46771
+ <co-transaction-search-sales-line-select-tile
46772
+ [transaction]="transaction"
46773
+ [filterOnlyAllocated]="true"
46774
+ (lineClicked)="transLineClicked($event)">
46775
+ </co-transaction-search-sales-line-select-tile>
46776
+ </div>
46777
+ }
46778
+ </div>
46779
+ </ng-container>
46780
+ </div>
46781
+ </div>
46782
+ </co-dialog>
46783
+ `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: TransactionSearchHeaderComponent, selector: "co-transaction-search-header", inputs: ["placeholder"], outputs: ["filterIconClick"] }, { kind: "component", type: TransactionFilterComponent, selector: "co-transaction-filter", outputs: ["totalActiveFiltersChange"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout", "customerPortal", "filterOnlyAllocated"], outputs: ["lineClicked", "transactionClick"] }], encapsulation: i0.ViewEncapsulation.None });
46772
46784
  }
46773
46785
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogTransactionSearchComponent, decorators: [{
46774
46786
  type: Component,
46775
46787
  args: [{
46776
46788
  selector: "co-dialog-transaction-search",
46777
- template: `
46778
- <co-dialog (closeClick)="closeClick.emit()" >
46779
-
46780
- <div class="search-wrapper">
46781
- <co-transaction-search-header (filterIconClick)="onFilterButtonClick()"></co-transaction-search-header>
46782
- <div class="search-content">
46783
- <ng-container>
46784
- @if (showFilters) {
46785
- <div class="search-filter-panel narrow-scrollbar" >
46786
- <co-transaction-filter></co-transaction-filter>
46787
- </div>
46788
- }
46789
- <div class="search-result-content">
46790
- @for (transaction of transactionSearchService.transactions; track transaction) {
46791
- <div class="transaction-tile">
46792
- <co-transaction-search-sales-line-select-tile
46793
- [transaction]="transaction" (lineClicked)="transLineClicked($event)">
46794
- </co-transaction-search-sales-line-select-tile>
46795
- </div>
46796
- }
46797
- </div>
46798
- </ng-container>
46799
- </div>
46800
- </div>
46801
- </co-dialog>
46789
+ template: `
46790
+ <co-dialog (closeClick)="closeClick.emit()" >
46791
+
46792
+ <div class="search-wrapper">
46793
+ <co-transaction-search-header (filterIconClick)="onFilterButtonClick()"></co-transaction-search-header>
46794
+ <div class="search-content">
46795
+ <ng-container>
46796
+ @if (showFilters) {
46797
+ <div class="search-filter-panel narrow-scrollbar" >
46798
+ <co-transaction-filter></co-transaction-filter>
46799
+ </div>
46800
+ }
46801
+ <div class="search-result-content">
46802
+ @for (transaction of transactionSearchService.transactions; track transaction) {
46803
+ <div class="transaction-tile">
46804
+ <co-transaction-search-sales-line-select-tile
46805
+ [transaction]="transaction"
46806
+ [filterOnlyAllocated]="true"
46807
+ (lineClicked)="transLineClicked($event)">
46808
+ </co-transaction-search-sales-line-select-tile>
46809
+ </div>
46810
+ }
46811
+ </div>
46812
+ </ng-container>
46813
+ </div>
46814
+ </div>
46815
+ </co-dialog>
46802
46816
  `,
46803
46817
  encapsulation: ViewEncapsulation.None,
46804
46818
  standalone: false
@@ -72312,7 +72326,7 @@ class TransactionSearchResultComponent {
72312
72326
  (close)="showBatchProcessDialog = false">
72313
72327
  </co-batch-process-dialog>
72314
72328
  }
72315
- `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionSearchGridComponent, selector: "co-transaction-search-grid", inputs: ["showCheckbox"], outputs: ["transactionClick"] }, { kind: "component", type: TransactionSearchTileComponent, selector: "co-transaction-search-tile", inputs: ["showCheckbox", "selected", "transaction"], outputs: ["transactionClick", "selectedClick"] }, { kind: "component", type: i1$1.PaginationBarComponent, selector: "co-pagination-bar", inputs: ["directionLinks", "previousLabel", "nextLabel", "currentPage", "itemsPerPage", "totalItems", "paginationRange", "autoHide"], outputs: ["previousClick", "nextClick", "pageClick"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: QuickSendButtonComponent, selector: "co-quick-send-button", inputs: ["title", "icon", "defaultMethodIcon", "showSendMethodIcon", "showSendMethodDialogIcon", "showLoader", "disabled"], outputs: ["openSendMethodDialog", "sendIconClicked"] }, { kind: "component", type: ShippingMethodDialogComponent, selector: "co-shipping-method-dialog", inputs: ["category", "selectedTransactions"], outputs: ["saveClicked", "cancelClicked"] }, { kind: "component", type: BatchProcessDialogComponent, selector: "co-batch-process-dialog", inputs: ["batchJobProgress"], outputs: ["close"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout", "customerPortal"], outputs: ["lineClicked", "transactionClick"] }, { kind: "component", type: TransactionContainerComponent, selector: "co-transaction-container", inputs: ["fullscreen"], outputs: ["containerChoiceMade", "containerContentModeChanged", "fillContainerClicked", "removeFromContainerClicked"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
72329
+ `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionSearchGridComponent, selector: "co-transaction-search-grid", inputs: ["showCheckbox"], outputs: ["transactionClick"] }, { kind: "component", type: TransactionSearchTileComponent, selector: "co-transaction-search-tile", inputs: ["showCheckbox", "selected", "transaction"], outputs: ["transactionClick", "selectedClick"] }, { kind: "component", type: i1$1.PaginationBarComponent, selector: "co-pagination-bar", inputs: ["directionLinks", "previousLabel", "nextLabel", "currentPage", "itemsPerPage", "totalItems", "paginationRange", "autoHide"], outputs: ["previousClick", "nextClick", "pageClick"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: QuickSendButtonComponent, selector: "co-quick-send-button", inputs: ["title", "icon", "defaultMethodIcon", "showSendMethodIcon", "showSendMethodDialogIcon", "showLoader", "disabled"], outputs: ["openSendMethodDialog", "sendIconClicked"] }, { kind: "component", type: ShippingMethodDialogComponent, selector: "co-shipping-method-dialog", inputs: ["category", "selectedTransactions"], outputs: ["saveClicked", "cancelClicked"] }, { kind: "component", type: BatchProcessDialogComponent, selector: "co-batch-process-dialog", inputs: ["batchJobProgress"], outputs: ["close"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout", "customerPortal", "filterOnlyAllocated"], outputs: ["lineClicked", "transactionClick"] }, { kind: "component", type: TransactionContainerComponent, selector: "co-transaction-container", inputs: ["fullscreen"], outputs: ["containerChoiceMade", "containerContentModeChanged", "fillContainerClicked", "removeFromContainerClicked"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
72316
72330
  trigger('fadeInOut', [
72317
72331
  transition(':enter', [
72318
72332
  style({ opacity: 0 }),
@@ -88388,7 +88402,7 @@ class TransactionInternalComponent {
88388
88402
  }), this._transactionEventService.removeFromContainerSuccess.subscribe(() => {
88389
88403
  this.service.commitAndRefreshTransaction();
88390
88404
  }), this._transactionEventService.transactionLoaded.subscribe((transaction) => {
88391
- if (transaction.transactionInfo) {
88405
+ if (transaction && transaction.transactionInfo) {
88392
88406
  this.service.getSalesPersons(transaction.transactionInfo.transactionDate).then(r => this.salesPeople = r);
88393
88407
  }
88394
88408
  }));
@@ -100134,214 +100148,214 @@ class TransactionCardMarginComponent extends TransactionLineBaseComponent {
100134
100148
  }
100135
100149
  }
100136
100150
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardMarginComponent, deps: [{ token: OrderLineSetService }, { token: TransactionHeaderService }, { token: TransactionLineService }, { token: TransactionEventService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: TransactionImageService }, { token: DictionaryService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
100137
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardMarginComponent, isStandalone: false, selector: "co-transaction-card-margin", host: { properties: { "class.co-transaction-card-sales-overview": "this.showClass" } }, viewQueries: [{ propertyName: "transactionLineActionButtons", first: true, predicate: TransactionLineActionButtonsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
100138
- <div class="transaction-card-wrapper">
100139
- <co-transaction-card-header
100140
- [showActionButtons]="true"
100141
- [expanded]="expanded"
100142
- (expandClicked)="expanded = !expanded">
100143
- </co-transaction-card-header>
100144
- @if (transactionLine.isArticle) {
100145
- <div class="transaction-card-content-wrapper">
100146
- <div class="content-base top-base">
100147
- <div class="transaction-field-wrapper status-bar">
100148
- <co-transaction-line-statusbar
100149
- [screenConfigurationObject]="cfgNames.StatusBar"
100150
- [configNames]="statusBarConfigNames"
100151
- [activeCategory]="category.SalesOrderPlanning"></co-transaction-line-statusbar>
100152
- </div>
100153
- <div class="transaction-field-wrapper">
100154
- <div class="inside-field">
100155
- <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
100156
- <co-transaction-line-commission-button></co-transaction-line-commission-button>
100157
- </div>
100158
- </div>
100159
- <div class="transaction-field-wrapper">
100160
- <div class="inside-field">
100161
- <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
100162
- <co-transaction-line-warehouse-button
100163
- [screenConfigurationObject]="cfgNames.LineWarehouse"
100164
- >
100165
- </co-transaction-line-warehouse-button>
100166
- </div>
100167
- </div>
100168
- </div>
100169
- <div class="content-base bottom-base no-gap">
100170
- <div class="transaction-field-wrapper">
100171
- <div class="inside-field">
100172
- <co-transaction-line-label [insideLabel]="'NET_PURCHASE'"></co-transaction-line-label>
100173
- <co-editable-label class="transaction-line-totals-total price"
100174
- [model]="lineMarginInfo?.purchaseLineTotal | coCurrency: true"
100175
- [editModel]="transactionLine.displayNetLineTotal"
100176
- [readonly]="true"
100177
- ></co-editable-label>
100178
- </div>
100179
- </div>
100180
- <div class="transaction-field-wrapper">
100181
- <div class="inside-field">
100182
- <co-transaction-line-label [insideLabel]="'GROSS_PROFIT_PERCENT'"></co-transaction-line-label>
100183
- <co-transaction-button [statusColor]="true"
100184
- class="no-gap"
100185
- [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100186
- [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
100187
- </co-transaction-button>
100188
- </div>
100189
- </div>
100190
- <div class="transaction-field-wrapper">
100191
- <div class="inside-field">
100192
- <co-transaction-line-label [insideLabel]="'GROSS_PROFIT_TOTAL'"></co-transaction-line-label>
100193
- <co-transaction-button [statusColor]="true"
100194
- class="no-gap"
100195
- [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100196
- [title]="lineMarginInfo?.grossProfit | coCurrency: true">
100197
- </co-transaction-button>
100198
- </div>
100199
- </div>
100200
- <div class="transaction-field-wrapper">
100201
- <div class="inside-field">
100202
- <co-transaction-line-label [insideLabel]="'CALCULATION_FACTOR'"></co-transaction-line-label>
100203
- <co-transaction-button [statusColor]="true"
100204
- class="no-gap"
100205
- [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100206
- [title]="lineMarginInfo?.calculationFactor | number">
100207
- </co-transaction-button>
100208
- </div>
100209
- </div>
100210
- </div>
100211
- @if (expanded) {
100212
- <div class="content-expanded">
100213
- <div class="transaction-field-wrapper">
100214
- <div class="inside-field">
100215
- <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
100216
- <co-transaction-line-delivery-button
100217
- [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
100218
- ></co-transaction-line-delivery-button>
100219
- </div>
100220
- </div>
100221
- <div class="transaction-field-wrapper">
100222
- <div class="inside-field">
100223
- <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
100224
- <co-transaction-line-delivery-date-button class="transaction-line-delivery-date two-column"
100225
- [screenConfigurationObject]="cfgNames.LineDeliveryDate"
100226
- ></co-transaction-line-delivery-date-button>
100227
- </div>
100228
- </div>
100229
- </div>
100230
- }
100231
- </div>
100232
- }
100233
- <co-transaction-card-footer
100234
- [transactionTypeCategory]="category.SalesOrderOverview"
100235
- [expanded]="expanded"
100236
- ></co-transaction-card-footer>
100237
- </div>
100151
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardMarginComponent, isStandalone: false, selector: "co-transaction-card-margin", host: { properties: { "class.co-transaction-card-sales-overview": "this.showClass" } }, viewQueries: [{ propertyName: "transactionLineActionButtons", first: true, predicate: TransactionLineActionButtonsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
100152
+ <div class="transaction-card-wrapper">
100153
+ <co-transaction-card-header
100154
+ [showActionButtons]="true"
100155
+ [expanded]="expanded"
100156
+ (expandClicked)="expanded = !expanded">
100157
+ </co-transaction-card-header>
100158
+ @if (transactionLine.isArticle) {
100159
+ <div class="transaction-card-content-wrapper">
100160
+ <div class="content-base top-base">
100161
+ <div class="transaction-field-wrapper status-bar">
100162
+ <co-transaction-line-statusbar
100163
+ [screenConfigurationObject]="cfgNames.StatusBar"
100164
+ [configNames]="statusBarConfigNames"
100165
+ [activeCategory]="category.SalesOrderPlanning"></co-transaction-line-statusbar>
100166
+ </div>
100167
+ <div class="transaction-field-wrapper">
100168
+ <div class="inside-field">
100169
+ <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
100170
+ <co-transaction-line-commission-button></co-transaction-line-commission-button>
100171
+ </div>
100172
+ </div>
100173
+ <div class="transaction-field-wrapper">
100174
+ <div class="inside-field">
100175
+ <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
100176
+ <co-transaction-line-warehouse-button
100177
+ [screenConfigurationObject]="cfgNames.LineWarehouse"
100178
+ >
100179
+ </co-transaction-line-warehouse-button>
100180
+ </div>
100181
+ </div>
100182
+ </div>
100183
+ <div class="content-base bottom-base no-gap">
100184
+ <div class="transaction-field-wrapper">
100185
+ <div class="inside-field">
100186
+ <co-transaction-line-label [insideLabel]="'NET_PURCHASE'"></co-transaction-line-label>
100187
+ <co-editable-label class="transaction-line-totals-total price"
100188
+ [model]="lineMarginInfo?.purchaseLineTotal | coCurrency: true"
100189
+ [editModel]="transactionLine.displayNetLineTotal"
100190
+ [readonly]="true"
100191
+ ></co-editable-label>
100192
+ </div>
100193
+ </div>
100194
+ <div class="transaction-field-wrapper">
100195
+ <div class="inside-field">
100196
+ <co-transaction-line-label [insideLabel]="'GROSS_PROFIT_PERCENT'"></co-transaction-line-label>
100197
+ <co-transaction-button [statusColor]="true"
100198
+ class="no-gap"
100199
+ [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100200
+ [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
100201
+ </co-transaction-button>
100202
+ </div>
100203
+ </div>
100204
+ <div class="transaction-field-wrapper">
100205
+ <div class="inside-field">
100206
+ <co-transaction-line-label [insideLabel]="'GROSS_PROFIT_TOTAL'"></co-transaction-line-label>
100207
+ <co-transaction-button [statusColor]="true"
100208
+ class="no-gap"
100209
+ [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100210
+ [title]="lineMarginInfo?.grossProfit | coCurrency: true">
100211
+ </co-transaction-button>
100212
+ </div>
100213
+ </div>
100214
+ <div class="transaction-field-wrapper">
100215
+ <div class="inside-field">
100216
+ <co-transaction-line-label [insideLabel]="'CALCULATION_FACTOR'"></co-transaction-line-label>
100217
+ <co-transaction-button [statusColor]="true"
100218
+ class="no-gap"
100219
+ [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100220
+ [title]="lineMarginInfo?.calculationFactor | number">
100221
+ </co-transaction-button>
100222
+ </div>
100223
+ </div>
100224
+ </div>
100225
+ @if (expanded) {
100226
+ <div class="content-expanded">
100227
+ <div class="transaction-field-wrapper">
100228
+ <div class="inside-field">
100229
+ <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
100230
+ <co-transaction-line-delivery-button
100231
+ [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
100232
+ ></co-transaction-line-delivery-button>
100233
+ </div>
100234
+ </div>
100235
+ <div class="transaction-field-wrapper">
100236
+ <div class="inside-field">
100237
+ <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
100238
+ <co-transaction-line-delivery-date-button class="transaction-line-delivery-date two-column"
100239
+ [screenConfigurationObject]="cfgNames.LineDeliveryDate"
100240
+ ></co-transaction-line-delivery-date-button>
100241
+ </div>
100242
+ </div>
100243
+ </div>
100244
+ }
100245
+ </div>
100246
+ }
100247
+ <co-transaction-card-footer
100248
+ [transactionTypeCategory]="category.SalesOrderOverview"
100249
+ [expanded]="expanded"
100250
+ ></co-transaction-card-footer>
100251
+ </div>
100238
100252
  `, isInline: true, dependencies: [{ kind: "component", type: TransactionCardHeaderComponent, selector: "co-transaction-card-header", inputs: ["showCheckbox", "showActionButtons", "showThumbnail"], outputs: ["checkboxValueChanged", "expandClicked"] }, { kind: "component", type: TransactionLineCommissionButtonComponent, selector: "co-transaction-line-commission-button", inputs: ["inputLabel"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { kind: "component", type: TransactionLineWarehouseButtonComponent, selector: "co-transaction-line-warehouse-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDeliveryButtonComponent, selector: "co-transaction-line-delivery-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionCardFooterComponent, selector: "co-transaction-card-footer", inputs: ["statusBarConfigNames", "transactionTypeCategory"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "component", type: TransactionButtonComponent, selector: "co-transaction-button", inputs: ["label", "title", "statusColor", "readonly", "hidden", "forceReadonly", "iconData", "rightIconData", "showCheckMarkLoader", "checkMarkOverlayVisible", "inputLabel", "insideLabel"], outputs: ["iconClicked"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "pipe", type: i2$1.DecimalPipe, name: "number" }, { kind: "pipe", type: i2$1.PercentPipe, name: "percent" }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
100239
100253
  }
100240
100254
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardMarginComponent, decorators: [{
100241
100255
  type: Component,
100242
100256
  args: [{
100243
100257
  selector: "co-transaction-card-margin",
100244
- template: `
100245
- <div class="transaction-card-wrapper">
100246
- <co-transaction-card-header
100247
- [showActionButtons]="true"
100248
- [expanded]="expanded"
100249
- (expandClicked)="expanded = !expanded">
100250
- </co-transaction-card-header>
100251
- @if (transactionLine.isArticle) {
100252
- <div class="transaction-card-content-wrapper">
100253
- <div class="content-base top-base">
100254
- <div class="transaction-field-wrapper status-bar">
100255
- <co-transaction-line-statusbar
100256
- [screenConfigurationObject]="cfgNames.StatusBar"
100257
- [configNames]="statusBarConfigNames"
100258
- [activeCategory]="category.SalesOrderPlanning"></co-transaction-line-statusbar>
100259
- </div>
100260
- <div class="transaction-field-wrapper">
100261
- <div class="inside-field">
100262
- <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
100263
- <co-transaction-line-commission-button></co-transaction-line-commission-button>
100264
- </div>
100265
- </div>
100266
- <div class="transaction-field-wrapper">
100267
- <div class="inside-field">
100268
- <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
100269
- <co-transaction-line-warehouse-button
100270
- [screenConfigurationObject]="cfgNames.LineWarehouse"
100271
- >
100272
- </co-transaction-line-warehouse-button>
100273
- </div>
100274
- </div>
100275
- </div>
100276
- <div class="content-base bottom-base no-gap">
100277
- <div class="transaction-field-wrapper">
100278
- <div class="inside-field">
100279
- <co-transaction-line-label [insideLabel]="'NET_PURCHASE'"></co-transaction-line-label>
100280
- <co-editable-label class="transaction-line-totals-total price"
100281
- [model]="lineMarginInfo?.purchaseLineTotal | coCurrency: true"
100282
- [editModel]="transactionLine.displayNetLineTotal"
100283
- [readonly]="true"
100284
- ></co-editable-label>
100285
- </div>
100286
- </div>
100287
- <div class="transaction-field-wrapper">
100288
- <div class="inside-field">
100289
- <co-transaction-line-label [insideLabel]="'GROSS_PROFIT_PERCENT'"></co-transaction-line-label>
100290
- <co-transaction-button [statusColor]="true"
100291
- class="no-gap"
100292
- [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100293
- [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
100294
- </co-transaction-button>
100295
- </div>
100296
- </div>
100297
- <div class="transaction-field-wrapper">
100298
- <div class="inside-field">
100299
- <co-transaction-line-label [insideLabel]="'GROSS_PROFIT_TOTAL'"></co-transaction-line-label>
100300
- <co-transaction-button [statusColor]="true"
100301
- class="no-gap"
100302
- [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100303
- [title]="lineMarginInfo?.grossProfit | coCurrency: true">
100304
- </co-transaction-button>
100305
- </div>
100306
- </div>
100307
- <div class="transaction-field-wrapper">
100308
- <div class="inside-field">
100309
- <co-transaction-line-label [insideLabel]="'CALCULATION_FACTOR'"></co-transaction-line-label>
100310
- <co-transaction-button [statusColor]="true"
100311
- class="no-gap"
100312
- [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100313
- [title]="lineMarginInfo?.calculationFactor | number">
100314
- </co-transaction-button>
100315
- </div>
100316
- </div>
100317
- </div>
100318
- @if (expanded) {
100319
- <div class="content-expanded">
100320
- <div class="transaction-field-wrapper">
100321
- <div class="inside-field">
100322
- <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
100323
- <co-transaction-line-delivery-button
100324
- [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
100325
- ></co-transaction-line-delivery-button>
100326
- </div>
100327
- </div>
100328
- <div class="transaction-field-wrapper">
100329
- <div class="inside-field">
100330
- <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
100331
- <co-transaction-line-delivery-date-button class="transaction-line-delivery-date two-column"
100332
- [screenConfigurationObject]="cfgNames.LineDeliveryDate"
100333
- ></co-transaction-line-delivery-date-button>
100334
- </div>
100335
- </div>
100336
- </div>
100337
- }
100338
- </div>
100339
- }
100340
- <co-transaction-card-footer
100341
- [transactionTypeCategory]="category.SalesOrderOverview"
100342
- [expanded]="expanded"
100343
- ></co-transaction-card-footer>
100344
- </div>
100258
+ template: `
100259
+ <div class="transaction-card-wrapper">
100260
+ <co-transaction-card-header
100261
+ [showActionButtons]="true"
100262
+ [expanded]="expanded"
100263
+ (expandClicked)="expanded = !expanded">
100264
+ </co-transaction-card-header>
100265
+ @if (transactionLine.isArticle) {
100266
+ <div class="transaction-card-content-wrapper">
100267
+ <div class="content-base top-base">
100268
+ <div class="transaction-field-wrapper status-bar">
100269
+ <co-transaction-line-statusbar
100270
+ [screenConfigurationObject]="cfgNames.StatusBar"
100271
+ [configNames]="statusBarConfigNames"
100272
+ [activeCategory]="category.SalesOrderPlanning"></co-transaction-line-statusbar>
100273
+ </div>
100274
+ <div class="transaction-field-wrapper">
100275
+ <div class="inside-field">
100276
+ <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
100277
+ <co-transaction-line-commission-button></co-transaction-line-commission-button>
100278
+ </div>
100279
+ </div>
100280
+ <div class="transaction-field-wrapper">
100281
+ <div class="inside-field">
100282
+ <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
100283
+ <co-transaction-line-warehouse-button
100284
+ [screenConfigurationObject]="cfgNames.LineWarehouse"
100285
+ >
100286
+ </co-transaction-line-warehouse-button>
100287
+ </div>
100288
+ </div>
100289
+ </div>
100290
+ <div class="content-base bottom-base no-gap">
100291
+ <div class="transaction-field-wrapper">
100292
+ <div class="inside-field">
100293
+ <co-transaction-line-label [insideLabel]="'NET_PURCHASE'"></co-transaction-line-label>
100294
+ <co-editable-label class="transaction-line-totals-total price"
100295
+ [model]="lineMarginInfo?.purchaseLineTotal | coCurrency: true"
100296
+ [editModel]="transactionLine.displayNetLineTotal"
100297
+ [readonly]="true"
100298
+ ></co-editable-label>
100299
+ </div>
100300
+ </div>
100301
+ <div class="transaction-field-wrapper">
100302
+ <div class="inside-field">
100303
+ <co-transaction-line-label [insideLabel]="'GROSS_PROFIT_PERCENT'"></co-transaction-line-label>
100304
+ <co-transaction-button [statusColor]="true"
100305
+ class="no-gap"
100306
+ [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100307
+ [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
100308
+ </co-transaction-button>
100309
+ </div>
100310
+ </div>
100311
+ <div class="transaction-field-wrapper">
100312
+ <div class="inside-field">
100313
+ <co-transaction-line-label [insideLabel]="'GROSS_PROFIT_TOTAL'"></co-transaction-line-label>
100314
+ <co-transaction-button [statusColor]="true"
100315
+ class="no-gap"
100316
+ [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100317
+ [title]="lineMarginInfo?.grossProfit | coCurrency: true">
100318
+ </co-transaction-button>
100319
+ </div>
100320
+ </div>
100321
+ <div class="transaction-field-wrapper">
100322
+ <div class="inside-field">
100323
+ <co-transaction-line-label [insideLabel]="'CALCULATION_FACTOR'"></co-transaction-line-label>
100324
+ <co-transaction-button [statusColor]="true"
100325
+ class="no-gap"
100326
+ [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
100327
+ [title]="lineMarginInfo?.calculationFactor | number">
100328
+ </co-transaction-button>
100329
+ </div>
100330
+ </div>
100331
+ </div>
100332
+ @if (expanded) {
100333
+ <div class="content-expanded">
100334
+ <div class="transaction-field-wrapper">
100335
+ <div class="inside-field">
100336
+ <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
100337
+ <co-transaction-line-delivery-button
100338
+ [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
100339
+ ></co-transaction-line-delivery-button>
100340
+ </div>
100341
+ </div>
100342
+ <div class="transaction-field-wrapper">
100343
+ <div class="inside-field">
100344
+ <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
100345
+ <co-transaction-line-delivery-date-button class="transaction-line-delivery-date two-column"
100346
+ [screenConfigurationObject]="cfgNames.LineDeliveryDate"
100347
+ ></co-transaction-line-delivery-date-button>
100348
+ </div>
100349
+ </div>
100350
+ </div>
100351
+ }
100352
+ </div>
100353
+ }
100354
+ <co-transaction-card-footer
100355
+ [transactionTypeCategory]="category.SalesOrderOverview"
100356
+ [expanded]="expanded"
100357
+ ></co-transaction-card-footer>
100358
+ </div>
100345
100359
  `,
100346
100360
  encapsulation: ViewEncapsulation.None,
100347
100361
  standalone: false
@@ -108925,6 +108939,7 @@ class ServiceWizardSearchBundleComponent {
108925
108939
  placeholder;
108926
108940
  set relation(value) {
108927
108941
  this.transactionSearchService.searchRequest.relationNrTr = Number(value.relationNumber);
108942
+ this.transactionSearchService.searchRequest.quantityAllocated = [2, 3];
108928
108943
  }
108929
108944
  filterIconClick = new EventEmitter();
108930
108945
  closeClick = new EventEmitter();
@@ -108970,6 +108985,7 @@ class ServiceWizardSearchBundleComponent {
108970
108985
  <div class="transaction-tile" [classList]="transaction.transDate">
108971
108986
  <co-transaction-search-sales-line-select-tile
108972
108987
  [transaction]="transaction"
108988
+ [filterOnlyAllocated]="true"
108973
108989
  [customerPortal]="true"
108974
108990
  (lineClicked)="transLineClicked($event)">
108975
108991
  </co-transaction-search-sales-line-select-tile>
@@ -108982,7 +108998,7 @@ class ServiceWizardSearchBundleComponent {
108982
108998
  }
108983
108999
 
108984
109000
  </div>
108985
- `, isInline: true, dependencies: [{ kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout", "customerPortal"], outputs: ["lineClicked", "transactionClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
109001
+ `, isInline: true, dependencies: [{ kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout", "customerPortal", "filterOnlyAllocated"], outputs: ["lineClicked", "transactionClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
108986
109002
  }
108987
109003
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ServiceWizardSearchBundleComponent, decorators: [{
108988
109004
  type: Component,
@@ -108996,6 +109012,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
108996
109012
  <div class="transaction-tile" [classList]="transaction.transDate">
108997
109013
  <co-transaction-search-sales-line-select-tile
108998
109014
  [transaction]="transaction"
109015
+ [filterOnlyAllocated]="true"
108999
109016
  [customerPortal]="true"
109000
109017
  (lineClicked)="transLineClicked($event)">
109001
109018
  </co-transaction-search-sales-line-select-tile>