@colijnit/transaction 12.1.205 → 12.1.207

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.
@@ -32,8 +32,8 @@
32
32
  function Version() {
33
33
  this.name = "@colijnit/transaction";
34
34
  this.description = "Colijn IT transaction package";
35
- this.symVer = "12.1.205";
36
- this.publishDate = "03.04.2024, 18:18:36";
35
+ this.symVer = "12.1.207";
36
+ this.publishDate = "05.04.2024, 15:12:25";
37
37
  }
38
38
  return Version;
39
39
  }());
@@ -10411,7 +10411,7 @@
10411
10411
  public set transactionServiceInfo(value: TransactionServiceInfo) {
10412
10412
  this._transactionServiceInfo = value;
10413
10413
  }
10414
-
10414
+
10415
10415
  public get transactionServiceInfo(): TransactionServiceInfo {
10416
10416
  return this._transactionServiceInfo ? this._transactionServiceInfo : new TransactionServiceInfo();
10417
10417
  }*/
@@ -18827,6 +18827,9 @@
18827
18827
  this.orderLineSetDTO.color = this.color;
18828
18828
  this.orderLineSetDTO.amount = this.amount;
18829
18829
  this.orderLineSetDTO.title = this.title;
18830
+ if (!this.new || this.orderLineSetDTO.orderLineSetCode) {
18831
+ this.new = false;
18832
+ }
18830
18833
  this.saveOrderLineSetClick.next({ request: this.orderLineSetDTO, new: this.new });
18831
18834
  };
18832
18835
  TransactionArticleTextComponent.prototype.onSelectStandardText = function (value) {
@@ -18894,7 +18897,7 @@
18894
18897
  TransactionArticleTextComponent.decorators = [
18895
18898
  { type: i0.Component, args: [{
18896
18899
  selector: "co-transaction-article-text",
18897
- template: "\n <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\">\n <div *ngIf=\"showArticleImageDescription\" class=\"article-image-description-wrapper\">\n <span [textContent]=\"'PRODUCT_DESCRIPTION' | localize\" class=\"dialog-label\"></span>\n <co-transaction-line-description class=\"transaction-line-description-description\"\n [transactionInfo]=\"transactionService.currentTransaction.transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-line-description>\n </div>\n\n <co-form (validSubmit)=\"onValidFormSubmit()\">\n <div class=\"order-line-set-fields-wrapper\">\n <div class=\"order-line-set-inputs-wrapper\">\n <co-input-checkbox *ngIf=\"orderLineSetDTO\"\n [readonly]=\"!(new) || orderLineSetDTO.orderLineSetCode\"\n [(model)]=\"showOrderLineFields\"\n [label]=\"'ORDER_LINE_SET_TEXT' | localize\"></co-input-checkbox>\n <co-list-of-values\n [collection]=\"standardTexts\"\n [displayField]=\"'description'\"\n [label]=\"'STANDARD_TEXTS' | localize\"\n (modelChange)=\"onSelectStandardText($event)\"\n ></co-list-of-values>\n </div>\n <div class=\"order-line-set-inputs-wrapper show-lines\" *ngIf=\"showOrderLineFields\">\n\n <co-input-text [(model)]=\"orderLineSetDTO.amount\"\n [placeholder]=\"'AMOUNT' | localize\"\n [type]=\"'number'\" [required]=\"showOrderLineFields\"></co-input-text>\n\n <co-list-of-values [(model)]=\"chosenOrderLineSetCategory\"\n [collection]=\"orderLineSetCategories\"\n [displayField]=\"'title'\"\n [label]=\"'CATEGORY' | localize\"\n ></co-list-of-values>\n <co-color-picker [(model)]=\"color\"\n ></co-color-picker>\n\n </div>\n <div class=\"order-line-set-inputs-wrapper\">\n <co-input-text *ngIf=\"showOrderLineFields\" [(model)]=\"title\"\n [placeholder]=\"'TITLE2' | localize\"\n [required]=\"showOrderLineFields\"></co-input-text>\n </div>\n <div class=\"article-text-content-wrapper\">\n <div class=\"editor-wrapper\">\n <co-input-textarea class=\"article-text\"\n [required]=\"true\"\n [placeholder]=\"textAreaPlaceholder\"\n [(model)]=\"transactionAddTextLineRequest.text\"\n ></co-input-textarea>\n </div>\n </div>\n <div class=\"option-wrapper\">\n <div class=\"article-text-documents-header-wrapper\">\n <span [textContent]=\"'FOR_DOCUMENTS' | localize\"></span>\n <co-input-checkbox class=\"select-all-checkbox\" [model]=\"selectAll\" (modelChange)=\"handleSelectAll($event)\"\n [label]=\"'SELECT_ALL' | localize\"></co-input-checkbox>\n </div>\n <div class=\"article-text-documents-wrapper\">\n <co-input-checkbox *ngFor=\"let document of documents\" [label]=\"document.description\"\n [model]=\"document.checked\"\n (modelChange)=\"handleDocumentsChange($event, document)\"></co-input-checkbox>\n </div>\n </div>\n </div>\n </co-form>\n </co-dialog>\n\n <ng-template #headerTemplate>\n <div class=\"transaction-article-text-dialog-header-wrapper\">\n <co-icon *ngIf=\"orderLineSetDTO\" [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"></co-icon>\n <co-icon *ngIf=\"!orderLineSetDTO\" [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"header\"></div>\n </div>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icon.CheckDuotone)\"\n (click)=\"onOkClick($event)\"></co-button>\n <co-button class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icon.Crossskinny)\"\n (click)=\"closeClick.emit($event)\"></co-button>\n </div>\n </ng-template>\n ",
18900
+ template: "\n <co-dialog\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"closeClick.emit($event)\">\n <div *ngIf=\"showArticleImageDescription\" class=\"article-image-description-wrapper\">\n <span [textContent]=\"'PRODUCT_DESCRIPTION' | localize\" class=\"dialog-label\"></span>\n <co-transaction-line-description class=\"transaction-line-description-description\"\n [transactionInfo]=\"transactionService.currentTransaction.transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-line-description>\n </div>\n\n <co-form (validSubmit)=\"onValidFormSubmit()\">\n <div class=\"order-line-set-fields-wrapper\">\n <div class=\"order-line-set-inputs-wrapper\">\n <co-input-checkbox *ngIf=\"orderLineSetDTO\"\n [readonly]=\"!new || orderLineSetDTO.orderLineSetCode\"\n [(model)]=\"showOrderLineFields\"\n [label]=\"'ORDER_LINE_SET_TEXT' | localize\"></co-input-checkbox>\n <co-list-of-values\n [collection]=\"standardTexts\"\n [displayField]=\"'description'\"\n [label]=\"'STANDARD_TEXTS' | localize\"\n (modelChange)=\"onSelectStandardText($event)\"\n ></co-list-of-values>\n </div>\n\n <div class=\"order-line-set-inputs-wrapper show-lines\" *ngIf=\"showOrderLineFields\">\n\n <co-input-text [(model)]=\"orderLineSetDTO.amount\"\n [placeholder]=\"'AMOUNT' | localize\"\n [type]=\"'number'\" [required]=\"showOrderLineFields\"></co-input-text>\n\n <co-list-of-values [(model)]=\"chosenOrderLineSetCategory\"\n [collection]=\"orderLineSetCategories\"\n [displayField]=\"'title'\"\n [label]=\"'CATEGORY' | localize\"\n ></co-list-of-values>\n <co-color-picker [(model)]=\"color\"></co-color-picker>\n </div>\n\n <div class=\"order-line-set-inputs-wrapper\">\n <co-input-text *ngIf=\"showOrderLineFields\" [(model)]=\"title\"\n [placeholder]=\"'TITLE2' | localize\"\n [required]=\"showOrderLineFields\"></co-input-text>\n </div>\n\n <div class=\"article-text-content-wrapper\">\n <div class=\"editor-wrapper\">\n <co-input-textarea class=\"article-text\"\n [required]=\"true\"\n [placeholder]=\"textAreaPlaceholder\"\n [(model)]=\"transactionAddTextLineRequest.text\"\n ></co-input-textarea>\n </div>\n </div>\n\n <div class=\"option-wrapper\">\n <div class=\"article-text-documents-header-wrapper\">\n <span [textContent]=\"'FOR_DOCUMENTS' | localize\"></span>\n <co-input-checkbox class=\"select-all-checkbox\" [model]=\"selectAll\" (modelChange)=\"handleSelectAll($event)\"\n [label]=\"'SELECT_ALL' | localize\"></co-input-checkbox>\n </div>\n <div class=\"article-text-documents-wrapper\">\n <co-input-checkbox *ngFor=\"let document of documents\" [label]=\"document.description\"\n [model]=\"document.checked\"\n (modelChange)=\"handleDocumentsChange($event, document)\"></co-input-checkbox>\n </div>\n </div>\n </div>\n </co-form>\n </co-dialog>\n\n <ng-template #headerTemplate>\n <div class=\"transaction-article-text-dialog-header-wrapper\">\n <co-icon *ngIf=\"orderLineSetDTO\" [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"></co-icon>\n <co-icon *ngIf=\"!orderLineSetDTO\" [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"header\"></div>\n </div>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icon.CheckDuotone)\"\n (click)=\"onOkClick($event)\"></co-button>\n <co-button class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icon.Crossskinny)\"\n (click)=\"closeClick.emit($event)\"></co-button>\n </div>\n </ng-template>\n ",
18898
18901
  encapsulation: i0.ViewEncapsulation.None
18899
18902
  },] }
18900
18903
  ];
@@ -24326,23 +24329,16 @@
24326
24329
  return true;
24327
24330
  };
24328
24331
  TransactionTextLineComponent.prototype.orderLineSetButtonClicked = function () {
24329
- if (this.orderLineSetService.currentOrderLineSetCode === this.transactionLine.orderLineSetCode) {
24330
- this.orderLineSetService.currentOrderLineSetCode = null;
24331
- }
24332
- else {
24333
- this.orderLineSetService.currentOrderLineSetCode = this.transactionLine.orderLineSetCode;
24334
- }
24332
+ this.orderLineSetService.currentOrderLineSetCode =
24333
+ this.orderLineSetService.currentOrderLineSetCode === this.transactionLine.orderLineSetCode ?
24334
+ null :
24335
+ this.transactionLine.orderLineSetCode;
24335
24336
  };
24336
24337
  TransactionTextLineComponent.prototype.transactionLineSet = function () {
24337
24338
  var _this = this;
24338
24339
  if (this.transactionLine.orderLineSetCode && this.transactionInfo.orderLineSets && this.transactionInfo.orderLineSets.length > 0) {
24339
24340
  var set = this.orderLineSets.find(function (set) { return set.orderLineSetCode === _this.transactionLine.orderLineSetCode; });
24340
- if (set) {
24341
- this.showButtons = !set.isExternalOrderSet;
24342
- }
24343
- else {
24344
- this.showButtons = true;
24345
- }
24341
+ this.showButtons = set ? !set.isExternalOrderSet : true;
24346
24342
  }
24347
24343
  else {
24348
24344
  this.showButtons = true;
@@ -24353,7 +24349,7 @@
24353
24349
  TransactionTextLineComponent.decorators = [
24354
24350
  { type: i0.Component, args: [{
24355
24351
  selector: 'co-transaction-text-line',
24356
- template: "\n <div class=\"colorBlock\" *ngIf=\"transactionLine.color\" [style.background-color]=\"transactionLine.color\"></div>\n <div [textContent]=\"transactionLine.text\" (dblclick)=\"descriptionDblClick.emit()\"></div>\n <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n <co-icon class=\"delete-icon\" *ngIf=\"showButtons && transactionLine.orderLineSetCode && (activeCategory === category.SalesOrderOverview || activeCategory == category.SalesOrderQuotation)\"\n [iconData]=\"iconCacheService.getIcon(icons.LinkSimpleSolid)\"\n [class.active]=\"transactionLine.orderLineSetCode && transactionLine.orderLineSetCode === orderLineSetService.currentOrderLineSetCode\"\n (click)=\"orderLineSetButtonClicked()\"></co-icon>\n </div>\n ",
24352
+ template: "\n <div class=\"color-block\" *ngIf=\"transactionLine.color\" [style.background-color]=\"transactionLine.color\"></div>\n <div class=\"transaction-line-text\" [textContent]=\"transactionLine.text\"\n (dblclick)=\"descriptionDblClick.emit()\"></div>\n <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n <co-icon\n class=\"delete-icon\"\n [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n (click)=\"deleteTransactionLineClick($event)\">\n </co-icon>\n <co-icon\n class=\"delete-icon\"\n *ngIf=\"\n showButtons\n && transactionLine.orderLineSetCode\n && (activeCategory === category.SalesOrderOverview || activeCategory == category.SalesOrderQuotation)\"\n [iconData]=\"iconCacheService.getIcon(icons.LinkSimpleSolid)\"\n [class.active]=\"transactionLine.orderLineSetCode && transactionLine.orderLineSetCode === orderLineSetService.currentOrderLineSetCode\"\n (click)=\"orderLineSetButtonClicked()\">\n </co-icon>\n </div>\n ",
24357
24353
  encapsulation: i0.ViewEncapsulation.None
24358
24354
  },] }
24359
24355
  ];
@@ -35296,10 +35292,11 @@
35296
35292
  ]; };
35297
35293
 
35298
35294
  var TransactionInternalComponent = /** @class */ (function () {
35299
- function TransactionInternalComponent(iconCacheService, service, _appRef, _dynamicComponentService, _transactionConnectorService, _transactionEventService, _screenConfigurationService, _dialogService, _lineSelectionService, _purchaseConfirmationService, transactionEventService) {
35295
+ function TransactionInternalComponent(iconCacheService, service, transactionEventService, _appRef, _dynamicComponentService, _transactionConnectorService, _transactionEventService, _screenConfigurationService, _dialogService, _lineSelectionService, _purchaseConfirmationService) {
35300
35296
  var _this = this;
35301
35297
  this.iconCacheService = iconCacheService;
35302
35298
  this.service = service;
35299
+ this.transactionEventService = transactionEventService;
35303
35300
  this._appRef = _appRef;
35304
35301
  this._dynamicComponentService = _dynamicComponentService;
35305
35302
  this._transactionConnectorService = _transactionConnectorService;
@@ -35308,7 +35305,6 @@
35308
35305
  this._dialogService = _dialogService;
35309
35306
  this._lineSelectionService = _lineSelectionService;
35310
35307
  this._purchaseConfirmationService = _purchaseConfirmationService;
35311
- this.transactionEventService = transactionEventService;
35312
35308
  this.categories = TransactionTypeCategory;
35313
35309
  this.viewModes = corecomponents_v12.ContentViewMode;
35314
35310
  this.icons = Icon;
@@ -35642,7 +35638,7 @@
35642
35638
  TransactionInternalComponent.decorators = [
35643
35639
  { type: i0.Component, args: [{
35644
35640
  selector: 'co-transaction-internal',
35645
- template: "\n <ng-container *ngIf=\"loaded\">\n <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"\n (relationChange)=\"handleRelationChange($event)\"></co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n [transaction]=\"transaction\"\n [relation]=\"relation\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-quick-access>\n <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n ></co-transaction-button-bar>\n <div class=\"transaction-lines-header-item right\">\n <co-avatar class=\"transaction-sales-avatar\" [relationId]=\"transaction.transactionInfo.handledBy\"\n [screenConfigurationObject]=\"cfgNames.HeaderHandledBy\" screenConfigNativeElement></co-avatar>\n <co-avatar class=\"transaction-sales-avatar\"\n [relationId]=\"transaction.transactionInfo.branch?.relationId\"\n [screenConfigurationObject]=\"cfgNames.HeaderBranch\" screenConfigNativeElement></co-avatar>\n <co-view-mode-buttons *ngIf=\"!shouldShowTiles() && showViewModeButtons\" [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n </div>\n </div>\n\n <div class=\"transaction-lines-content-wrapper\">\n <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n <div class=\"transaction-lines-content\">\n <div *ngIf=\"activeCategory === category.ServiceOrderService\">\n <co-transaction-service-overview\n [transaction]=\"transaction\"\n ></co-transaction-service-overview>\n </div>\n <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles()\">\n <co-transaction-cards\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\"\n ></co-transaction-cards>\n </div>\n <div class=\"transaction-lines-wrapper\" *ngIf=\"(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService\">\n <co-transaction-lines\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\"\n (saveTransactionLine)=\"saveTransactionLineText($event)\"\n ></co-transaction-lines>\n </div>\n <div class=\"transaction-footer-wrapper\">\n <div class=\"transaction-footer-left\">\n <co-add-product\n *ngIf=\"activeCategory === categories.SalesOrderCashRegister || activeCategory === categories.SalesOrderOverview || activeCategory === categories.PurchaseOrderOverview || activeCategory === categories.SalesOrderQuotation\">\n </co-add-product>\n <co-transaction-button class=\"custom-width text-rule\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n (click)=\"handleTransactionText()\">\n </co-transaction-button>\n </div>\n <div class=\"transaction-footer-center\">\n\n </div>\n <co-transaction-totals *ngIf=\"activeCategory !== category.ServiceOrderService\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionTotal]=\"transaction.transactionTotal\"\n [showDiscount]=\"true\"\n ></co-transaction-totals>\n </div>\n </div>\n <co-transaction-lines-side-panel\n *ngIf=\"transaction && ((transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced()) ||\n transaction.transactionInfo.transactionKind === transactionKind.ServiceOrder)\"\n [class.higher-max-width]=\"transaction.transactionInfo.transactionKind === transactionKind.ServiceOrder\"\n [posOrderData]=\"posOrderData\"\n [transaction]=\"transaction\"\n ></co-transaction-lines-side-panel>\n\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\"\n ></co-transaction-line-side-panel>\n\n <!--Popup voor wijzigen volgorde van tekstregels-->\n <co-transaction-article-text-overview *ngIf=\"showArticleTextOverview\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"transactionLine\"\n (closeClick)=\"closeArticleTextOverview()\"\n (cancelClick)=\"closeArticleTextOverview()\"\n ></co-transaction-article-text-overview>\n\n <!--Popup voor aanmaken en updaten transactietekstregels-->\n <co-transaction-article-text *ngIf=\"showTransactionText\"\n [header]=\"'ORDER_TEXT_LINE' | localize\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [editText]=\"textToEdit\"\n [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"saveTransactionLineText($event)\"\n (closeClick)=\"closeTransactionText()\"\n (cancelClick)=\"closeTransactionText()\"\n (saveOrderLineSetClick)=\"saveOrderLineSet($event)\"\n\n ></co-transaction-article-text>\n\n <!--Popup voor aanmaken en updaten artikeltekstregels-->\n <co-transaction-article-text *ngIf=\"showArticleText\"\n [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [showArticleImageDescription]=\"transactionLine.articleBound\"\n [showImage]=\"false\"\n [articleLineNr]=\"transactionLine.lineNr\"\n [articleRef]=\"transactionLine.articleNumber\"\n [transactionLine]=\"transactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveArticleLineText($event)\"\n (closeClick)=\"closeArticleText()\"\n (cancelClick)=\"closeArticleText()\"\n ></co-transaction-article-text>\n\n <co-transaction-copy-order *ngIf=\"showCopyOrderDialog\"\n [transaction]=\"transaction\"\n (closeDialog)=\"showCopyOrderDialog = false\"\n ></co-transaction-copy-order>\n </div>\n </ng-container>\n ",
35641
+ template: "\n <ng-container *ngIf=\"loaded\">\n <co-transaction-header\n *ngIf=\"showHeader\"\n [transaction]=\"transaction\"\n [relation]=\"relation\"\n (relationChange)=\"handleRelationChange($event)\">\n </co-transaction-header>\n\n <div class=\"transaction-lines-header\">\n <co-transaction-quick-access\n *ngIf=\"showQuickAccess\"\n class=\"transaction-lines-header-item\"\n [transaction]=\"transaction\"\n [relation]=\"relation\"\n [activeCategory]=\"activeCategory\">\n </co-transaction-quick-access>\n <co-transaction-button-bar\n *ngIf=\"showButtonBar\"\n class=\"transaction-lines-header-item\"\n [selectedCategory]=\"activeCategory\"\n (buttonClicked)=\"handleButtonBarButtonClicked($event)\">\n </co-transaction-button-bar>\n\n <div class=\"transaction-lines-header-item right\">\n <co-avatar\n class=\"transaction-sales-avatar\"\n [relationId]=\"transaction.transactionInfo.handledBy\"\n [screenConfigurationObject]=\"cfgNames.HeaderHandledBy\"\n screenConfigNativeElement>\n </co-avatar>\n <co-avatar\n class=\"transaction-sales-avatar\"\n [relationId]=\"transaction.transactionInfo.branch?.relationId\"\n [screenConfigurationObject]=\"cfgNames.HeaderBranch\"\n screenConfigNativeElement>\n </co-avatar>\n <co-view-mode-buttons\n *ngIf=\"!shouldShowTiles() && showViewModeButtons\"\n [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n (viewModeChange)=\"activeViewMode = $event\">\n </co-view-mode-buttons>\n </div>\n </div>\n\n <div class=\"transaction-lines-content-wrapper\">\n <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n <div class=\"transaction-lines-content\">\n <div *ngIf=\"activeCategory === category.ServiceOrderService\">\n <co-transaction-service-overview [transaction]=\"transaction\"></co-transaction-service-overview>\n </div>\n <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles()\">\n <co-transaction-cards\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\">\n </co-transaction-cards>\n </div>\n <div class=\"transaction-lines-wrapper\"\n *ngIf=\"(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService\">\n <co-transaction-lines\n [transaction]=\"transaction\"\n [activeCategory]=\"activeCategory\"\n (saveTransactionLine)=\"saveTransactionLineText($event)\">\n </co-transaction-lines>\n </div>\n <div class=\"transaction-footer-wrapper\">\n <div class=\"transaction-footer-left\">\n <co-add-product\n *ngIf=\"activeCategory === categories.SalesOrderCashRegister ||\n activeCategory === categories.SalesOrderOverview ||\n activeCategory === categories.PurchaseOrderOverview ||\n activeCategory === categories.SalesOrderQuotation\">\n </co-add-product>\n <co-transaction-button\n class=\"custom-width text-rule\"\n [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n (click)=\"handleTransactionText()\">\n </co-transaction-button>\n </div>\n\n <div class=\"transaction-footer-center\"></div>\n\n <co-transaction-totals\n *ngIf=\"activeCategory !== category.ServiceOrderService\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionTotal]=\"transaction.transactionTotal\"\n [showDiscount]=\"true\">\n </co-transaction-totals>\n </div>\n </div>\n\n <co-transaction-lines-side-panel\n *ngIf=\"\n transaction &&\n ((transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced()) ||\n transaction.transactionInfo.transactionKind === transactionKind.ServiceOrder)\"\n [class.higher-max-width]=\"transaction.transactionInfo.transactionKind === transactionKind.ServiceOrder\"\n [posOrderData]=\"posOrderData\"\n [transaction]=\"transaction\">\n </co-transaction-lines-side-panel>\n\n <co-transaction-line-side-panel\n *ngIf=\"showSidePanel\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"sidePanelTransactionLine\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\">\n </co-transaction-line-side-panel>\n\n <!--Popup voor wijzigen volgorde van tekstregels-->\n <co-transaction-article-text-overview\n *ngIf=\"showArticleTextOverview\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionLine]=\"transactionLine\"\n (closeClick)=\"closeArticleTextOverview()\"\n (cancelClick)=\"closeArticleTextOverview()\">\n </co-transaction-article-text-overview>\n\n <!--Popup voor aanmaken en updaten transactietekstregels-->\n <co-transaction-article-text\n *ngIf=\"showTransactionText\"\n [header]=\"'ORDER_TEXT_LINE' | localize\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [editText]=\"textToEdit\"\n [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n [transactionLine]=\"transactionLine\"\n (saveClick)=\"saveTransactionLineText($event)\"\n (closeClick)=\"closeTransactionText()\"\n (cancelClick)=\"closeTransactionText()\"\n (saveOrderLineSetClick)=\"saveOrderLineSet($event)\">\n </co-transaction-article-text>\n\n <!--Popup voor aanmaken en updaten artikeltekstregels-->\n <co-transaction-article-text\n *ngIf=\"showArticleText\"\n [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [showArticleImageDescription]=\"transactionLine.articleBound\"\n [showImage]=\"false\"\n [articleLineNr]=\"transactionLine.lineNr\"\n [articleRef]=\"transactionLine.articleNumber\"\n [transactionLine]=\"transactionLine\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveArticleLineText($event)\"\n (closeClick)=\"closeArticleText()\"\n (cancelClick)=\"closeArticleText()\">\n </co-transaction-article-text>\n\n <co-transaction-copy-order\n *ngIf=\"showCopyOrderDialog\"\n [transaction]=\"transaction\"\n (closeDialog)=\"showCopyOrderDialog = false\">\n </co-transaction-copy-order>\n </div>\n </ng-container>\n ",
35646
35642
  providers: [{
35647
35643
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
35648
35644
  useExisting: i0.forwardRef(function () { return TransactionInternalComponent; })
@@ -35654,6 +35650,7 @@
35654
35650
  TransactionInternalComponent.ctorParameters = function () { return [
35655
35651
  { type: IconCacheService },
35656
35652
  { type: TransactionService },
35653
+ { type: TransactionEventService },
35657
35654
  { type: i0.ApplicationRef },
35658
35655
  { type: DynamicComponentService },
35659
35656
  { type: TransactionConnectorService },
@@ -35661,8 +35658,7 @@
35661
35658
  { type: TransactionScreenConfigurationService },
35662
35659
  { type: DialogService },
35663
35660
  { type: LineSelectionService },
35664
- { type: PurchaseConfirmationService },
35665
- { type: TransactionEventService }
35661
+ { type: PurchaseConfirmationService }
35666
35662
  ]; };
35667
35663
  TransactionInternalComponent.propDecorators = {
35668
35664
  sidePanelComponents: [{ type: i0.ViewChildren, args: [TransactionLineSidePanelComponent,] }],
@@ -44933,7 +44929,7 @@
44933
44929
  TransactionCopyOrderComponent.decorators = [
44934
44930
  { type: i0.Component, args: [{
44935
44931
  selector: "co-transaction-copy-order",
44936
- template: "\n <co-dialog [modal]=\"true\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"closeDialog.next()\">\n <div class=\"content-wrapper\">\n <span [textContent]=\"'BASIC_ORDER_DETAILS' | localize\"></span>\n <div class=\"selection-wrapper\">\n <co-list-of-values\n [readonly]=\"readonly\"\n [label]=\"'CUSTOMER' | localize\"\n [collection]=\"customers\"\n [displayField]=\"'firstName'\"\n [(model)]=\"selectedCustomer\"\n ></co-list-of-values>\n\n <co-list-of-values\n [readonly]=\"readonly\"\n [label]=\"'BRANCH' | localize\"\n [collection]=\"branches\"\n [displayField]=\"'description'\"\n [(model)]=\"selectedBranch\"\n ></co-list-of-values>\n\n <co-input-date\n [placeholder]=\"'ORDER_DATE' | localize\"\n [(model)]=\"copyTransactionRequest.transactionDate\"\n ></co-input-date>\n\n <co-list-of-values\n [readonly]=\"readonly\"\n [label]=\"'SALES_PERSON' | localize\"\n [collection]=\"salesPersons\"\n [displayField]=\"'name'\"\n [(model)]=\"selectedSalesPerson\"\n ></co-list-of-values>\n </div>\n </div>\n </co-dialog>\n\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.BoxesPackingRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"getHeaderTitle() | localize\"></div>\n </div>\n </ng-template>\n\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-default-confirm-cancel-buttons\n (handleConfirmButtonClicked)=\"handleOkClick()\"\n (handleCancelButtonClicked)=\"handleCancelClick()\"\n ></co-default-confirm-cancel-buttons>\n </div>\n </ng-template>\n ",
44932
+ template: "\n <co-dialog\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"closeDialog.next()\">\n <div class=\"content-wrapper\">\n <span [textContent]=\"'BASIC_ORDER_DETAILS' | localize\"></span>\n <div class=\"selection-wrapper\">\n <!-- The customers dropdown is hardcoded to be readonly for now,\n until we create a custom component for autocomplete (task IONE-37957) -->\n <co-list-of-values\n [readonly]=\"true\"\n [label]=\"'CUSTOMER' | localize\"\n [collection]=\"customers\"\n [displayField]=\"'firstName'\"\n [(model)]=\"selectedCustomer\"\n ></co-list-of-values>\n\n <co-list-of-values\n [readonly]=\"readonly\"\n [label]=\"'BRANCH' | localize\"\n [collection]=\"branches\"\n [displayField]=\"'description'\"\n [(model)]=\"selectedBranch\"\n ></co-list-of-values>\n\n <co-input-date\n [placeholder]=\"'ORDER_DATE' | localize\"\n [(model)]=\"copyTransactionRequest.transactionDate\"\n ></co-input-date>\n\n <co-list-of-values\n [readonly]=\"readonly\"\n [label]=\"'SALES_PERSON' | localize\"\n [collection]=\"salesPersons\"\n [displayField]=\"'name'\"\n [(model)]=\"selectedSalesPerson\"\n ></co-list-of-values>\n </div>\n </div>\n </co-dialog>\n\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.BoxesPackingRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"getHeaderTitle() | localize\"></div>\n </div>\n </ng-template>\n\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-default-confirm-cancel-buttons\n (handleConfirmButtonClicked)=\"handleOkClick()\"\n (handleCancelButtonClicked)=\"handleCancelClick()\"\n ></co-default-confirm-cancel-buttons>\n </div>\n </ng-template>\n ",
44937
44933
  encapsulation: i0.ViewEncapsulation.None
44938
44934
  },] }
44939
44935
  ];