@colijnit/transaction 12.1.67 → 12.1.69

package/bundles/colijnit-transaction.umd.js

@@ -4977,11 +4977,8 @@
         };
         TransactionConnectorService.prototype.getTextTypes = function (languageCode) {
             return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, this._selectMultipleParameterizedCacheService.requestCache(coDomainValue_bo.CoDomainValue, function (domainValue, languageCode) {
-                            return _this._adapterService.getTextTypes(languageCode);
-                        }).getValue('TextTypes', languageCode)];
+                    return [2 /*return*/, this._adapterService.getTextTypes(languageCode)];
                 });
             });
         };
@@ -10146,6 +10143,7 @@
             this.transactionService = transactionService;
             this.iconCacheService = iconCacheService;
             this._dictionaryService = _dictionaryService;
+            this.showArticleImageDescription = false;
             this.closeClick = new i0.EventEmitter();
             this.cancelClick = new i0.EventEmitter();
             this.saveClick = new i0.EventEmitter();
@@ -10243,7 +10241,7 @@
     TransactionArticleTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-article-text",
-                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\"\n               [footerTemplate]=\"footerTemplate\">\n      <div class=\"article-image-description-wrapper\">\n        <co-transaction-line-image-and-description\n          [line]=\"transactionLine\"\n          [popUpView]=\"true\">\n        </co-transaction-line-image-and-description>\n      </div>\n\n      <div class=\"standard-texts-dropdown-wrapper\">\n        <co-drop-down-list\n          @showStandardTextsDropdown\n          *ngIf=\"showDropdown\"\n          [collection]=\"standardTexts\"\n          [fields]=\"fields\"\n          [placeholder]=\"'STANDARD_TEXTS' | localize\"\n          (modelChange)=\"onSelectStandardText($event)\"\n        ></co-drop-down-list>\n      </div>\n\n      <div class=\"article-text-content-wrapper\">\n        <div class=\"editor-wrapper\">\n          <co-button class=\"search-button\"\n                     [iconData]=\"searchIcon\"\n                     (onClick)=\"showStandardTextsDropdown()\">\n          </co-button>\n          <textarea class=\"article-text\"\n                    [placeholder]=\"textAreaPlaceholder\"\n                    [(ngModel)]=\"transactionAddTextLineRequest.text\"\n          ></textarea>\n        </div>\n        <div class=\"option-wrapper\">\n          <co-input-listbox\n            [collection]=\"documents\"\n            [fields]=\"fieldsDocuments\"\n            [placeholder]=\"'FOR_DOCUMENTS' | localize\"\n            [value]=\"transactionAddTextLineRequest.showOnDocuments\"\n            [showCheckbox]=\"true\"\n            [fullWidth]=\"true\"\n            (modelChange)=\"handleDocumentsChange($event)\"\n          ></co-input-listbox>\n        </div>\n      </div>\n    </co-dialog>\n\n    <ng-template #headerTemplate>\n      <span class=\"co-transaction-dialog-header-title\" [textContent]=\"header\"></span>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n        <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\"\n               [footerTemplate]=\"footerTemplate\">\n      <div *ngIf=\"showArticleImageDescription\" class=\"article-image-description-wrapper\">\n        <co-transaction-line-image-and-description\n          [line]=\"transactionLine\"\n          [preview]=\"true\"\n          [popUpView]=\"true\">\n        </co-transaction-line-image-and-description>\n      </div>\n\n      <div class=\"standard-texts-dropdown-wrapper\">\n        <co-drop-down-list\n          @showStandardTextsDropdown\n          *ngIf=\"showDropdown\"\n          [collection]=\"standardTexts\"\n          [fields]=\"fields\"\n          [placeholder]=\"'STANDARD_TEXTS' | localize\"\n          (modelChange)=\"onSelectStandardText($event)\"\n        ></co-drop-down-list>\n      </div>\n\n      <div class=\"article-text-content-wrapper\">\n        <div class=\"editor-wrapper\">\n          <co-button class=\"search-button\"\n                     [iconData]=\"searchIcon\"\n                     (onClick)=\"showStandardTextsDropdown()\">\n          </co-button>\n          <textarea class=\"article-text\"\n                    [placeholder]=\"textAreaPlaceholder\"\n                    [(ngModel)]=\"transactionAddTextLineRequest.text\"\n          ></textarea>\n        </div>\n        <div class=\"option-wrapper\">\n          <co-input-listbox\n            [collection]=\"documents\"\n            [fields]=\"fieldsDocuments\"\n            [placeholder]=\"'FOR_DOCUMENTS' | localize\"\n            [value]=\"transactionAddTextLineRequest.showOnDocuments\"\n            [showCheckbox]=\"true\"\n            [fullWidth]=\"true\"\n            (modelChange)=\"handleDocumentsChange($event)\"\n          ></co-input-listbox>\n        </div>\n      </div>\n    </co-dialog>\n\n    <ng-template #headerTemplate>\n      <span class=\"co-transaction-dialog-header-title\" [textContent]=\"header\"></span>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-transaction-dialog-footer-button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n      </div>\n    </ng-template>\n  ",
                     animations: [
                         animations.trigger("showStandardTextsDropdown", [
                             animations.state("void", animations.style({ transform: 'translateY(-100%)', opacity: 0 })),
@@ -10265,6 +10263,7 @@
         articleRef: [{ type: i0.Input }],
         editText: [{ type: i0.Input }],
         articleLineNr: [{ type: i0.Input }],
+        showArticleImageDescription: [{ type: i0.Input }],
         closeClick: [{ type: i0.Output }],
         cancelClick: [{ type: i0.Output }],
         saveClick: [{ type: i0.Output }],
@@ -11267,16 +11266,23 @@
             return this.transactionKind === transactionKind_enum.TransactionKind.PurchaseOrder ||
                 this.transactionKind === transactionKind_enum.TransactionKind.SalesOrder;
         };
+        TransactionLineActionButtonsComponent.prototype.onSaveTransactionArticleTextOverview = function (request) {
+            this.saveTransactionArticleLineText(request);
+            this.closeTransactionArticleTextOverview();
+        };
         TransactionLineActionButtonsComponent.prototype.saveTransactionArticleLineText = function (transactionAddTextLineRequest) {
             var _this = this;
-            this._transactionService.addTextLine(transactionAddTextLineRequest.showOnDocuments, transactionAddTextLineRequest.text, 0, true, transactionAddTextLineRequest.refArticleLineNr).then(function () {
-                _this._hideArticleTextDialog();
-            });
+            if (transactionAddTextLineRequest) {
+                this._transactionService.addTextLine(transactionAddTextLineRequest.showOnDocuments, transactionAddTextLineRequest.text, 0, true, transactionAddTextLineRequest.refArticleLineNr).then(function () {
+                    _this._hideArticleTextDialog();
+                });
+            }
+            this._hideArticleTextDialog();
         };
         TransactionLineActionButtonsComponent.prototype.closeTransactionArticleText = function (event) {
             this._hideArticleTextDialog();
         };
-        TransactionLineActionButtonsComponent.prototype.closeTransactionArticleTextOverview = function (event) {
+        TransactionLineActionButtonsComponent.prototype.closeTransactionArticleTextOverview = function () {
             this._hideArticleTextOverviewDialog();
         };
         TransactionLineActionButtonsComponent.prototype.showArticleTextDialog = function () {
@@ -11300,7 +11306,7 @@
     TransactionLineActionButtonsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-action-buttons",
-                    template: "\n    <div class=\"transaction-line-action-buttons-wrapper\">\n<!--\n      <div class=\"menu-button-container\">\n        <co-button\n          class=\"action-menu-button circle\"\n          [iconData]=\"iconCacheService.getIcon(icons.EllipsisLight)\"\n          (click)=\"handleShowHideClick()\">\n        </co-button>\n      </div>\n-->\n\n      <div class=\"action-buttons-container\"\n           *ngIf=\"showActionButtons\"\n           [ngClass]=\"alignDirection\">\n\n        <co-button\n          class=\"transaction-line-overview-button circle action-button\"\n          [class.show]=\"showActionButtonsDelayed\"\n          [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"\n          (click)=\"handleTransactionArticleTextOverview()\"></co-button>\n\n        <co-button\n          class=\"transaction-line-add-text-button circle action-button\"\n          [class.show]=\"showActionButtonsDelayed\"\n          [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n          (click)=\"handleTransactionArticleText()\"></co-button>\n\n        <co-button\n          class=\"transaction-line-show-sidebar-button circle action-button\"\n          [class.show]=\"showActionButtonsDelayed\"\n          [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"\n          (click)=\"handleShowSidePanel()\"></co-button>\n      </div>\n    </div>\n\n    <co-transaction-article-text-overview *ngIf=\"showTransactionArticleTextOverview\"\n                                          [header]=\"articleTextHeader | localize\"\n                                          [transactionLine]=\"transactionLine\"\n                                          (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                          (closeClick)=\"closeTransactionArticleTextOverview($event)\"\n                                          (cancelClick)=\"closeTransactionArticleTextOverview($event)\"\n    ></co-transaction-article-text-overview>\n\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"articleTextHeader | localize\"\n                                 [articleLineNr]=\"transactionLine.lineNr\"\n                                 [articleRef]=\"transactionLine.articleNumber\"\n                                 [transactionLine]=\"transactionLine\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
+                    template: "\n    <div class=\"transaction-line-action-buttons-wrapper\">\n<!--\n      <div class=\"menu-button-container\">\n        <co-button\n          class=\"action-menu-button circle\"\n          [iconData]=\"iconCacheService.getIcon(icons.EllipsisLight)\"\n          (click)=\"handleShowHideClick()\">\n        </co-button>\n      </div>\n-->\n\n      <div class=\"action-buttons-container\"\n           *ngIf=\"showActionButtons\"\n           [ngClass]=\"alignDirection\">\n\n        <co-button\n          class=\"transaction-line-overview-button circle action-button\"\n          [class.show]=\"showActionButtonsDelayed\"\n          [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"\n          (click)=\"handleTransactionArticleTextOverview()\"></co-button>\n\n        <co-button\n          class=\"transaction-line-add-text-button circle action-button\"\n          [class.show]=\"showActionButtonsDelayed\"\n          [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n          (click)=\"handleTransactionArticleText()\"></co-button>\n\n        <co-button\n          class=\"transaction-line-show-sidebar-button circle action-button\"\n          [class.show]=\"showActionButtonsDelayed\"\n          [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"\n          (click)=\"handleShowSidePanel()\"></co-button>\n      </div>\n    </div>\n\n    <co-transaction-article-text-overview *ngIf=\"showTransactionArticleTextOverview\"\n                                          [header]=\"articleTextHeader | localize\"\n                                          [transactionLine]=\"transactionLine\"\n                                          (saveClick)=\"onSaveTransactionArticleTextOverview($event)\"\n                                          (closeClick)=\"closeTransactionArticleTextOverview()\"\n                                          (cancelClick)=\"closeTransactionArticleTextOverview()\"\n    ></co-transaction-article-text-overview>\n\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"articleTextHeader | localize\"\n                                 [articleLineNr]=\"transactionLine.lineNr\"\n                                 [articleRef]=\"transactionLine.articleNumber\"\n                                 [transactionLine]=\"transactionLine\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -12429,7 +12435,7 @@
     TransactionLinesComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-lines",
-                    template: "\n    <div cdkDropListGroup class=\"drop-list-group\">\n      <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n           class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n           [cdkDropListDisabled]=\"preview || userActionRequired\"\n           [cdkDropListData]=\"transactionLines\"\n           [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n           (cdkDropListDropped)=\"handleDrop($event)\"\n      >\n        <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n          <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n                   [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n                   [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n          </co-icon>\n          <co-transaction-line\n                               [transactionType]=\"service.currentTransaction.transactionInfo.transactionKind\"\n                               [activeCategory]=\"activeCategory\"\n                               [transactionId]=\"transactionId\"\n                               [preview]=\"preview\"\n                               [line]=\"line\"\n                               [selected]=\"line === selectedTransactionLine\"\n                               (waitingForUserAction)=\"userActionRequired = $event\"\n                               (dblclick)=\"handleTransactionLineDblClick(line)\"\n                               (click)=\"selectedTransactionLine = line\"\n          ></co-transaction-line>\n        </div>\n      </div>\n    </div>\n    <co-button *ngIf=\"!preview && transactionLines.length === 0\" class=\"add-text-button circle\"\n               [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n               (click)=\"handleTransactionArticleText($event)\"></co-button>\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n                                 [transactionLine]=\"selectedArticleText\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
+                    template: "\n    <div cdkDropListGroup class=\"drop-list-group\">\n      <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n           class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n           [cdkDropListDisabled]=\"preview || userActionRequired\"\n           [cdkDropListData]=\"transactionLines\"\n           [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n           (cdkDropListDropped)=\"handleDrop($event)\"\n      >\n        <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n          <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n                   [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n                   [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n          </co-icon>\n          <co-transaction-line\n                               [transactionType]=\"service.currentTransaction.transactionInfo.transactionKind\"\n                               [activeCategory]=\"activeCategory\"\n                               [transactionId]=\"transactionId\"\n                               [preview]=\"preview\"\n                               [line]=\"line\"\n                               [selected]=\"line === selectedTransactionLine\"\n                               (waitingForUserAction)=\"userActionRequired = $event\"\n                               (dblclick)=\"handleTransactionLineDblClick(line)\"\n                               (click)=\"selectedTransactionLine = line\"\n          ></co-transaction-line>\n        </div>\n      </div>\n    </div>\n    <co-button *ngIf=\"!preview && transactionLines.length === 0\" class=\"add-text-button circle\"\n               [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n               (click)=\"handleTransactionArticleText($event)\"></co-button>\n\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n                                 [transactionLine]=\"selectedArticleText\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -19625,7 +19631,7 @@
     TransactionArticleTextOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-article-text-overview",
-                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\">\n      <div class=\"article-text-content-wrapper\">\n        <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n             class=\"article-text-drag-drop-list\"\n             [cdkDropListData]=\"collection\"\n             [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n             (cdkDropListDropped)=\"handleDrop($event)\"\n        >\n          <div class=\"article-text-overview-article-text-wrapper\" *ngFor=\"let transLine of collection; let index = index\" cdkDrag (dblclick)=\"handleOpenArticleText(transLine)\">\n            <div class=\"index\" [textContent]=\"index + 1\"></div>\n            <div class=\"text\" [innerHTML]=\"transLine.text | safeHtml\"></div>\n          </div>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #headerTemplate><span class=\"co-transaction-dialog-header-title\" [textContent]=\"header\"></span></ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n        <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n      </div>\n    </ng-template>\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"header\"\n                                 [articleLineNr]=\"editTransactionLine.lineNr\"\n                                 [articleRef]=\"editTransactionLine.articleNumber\"\n                                 [transactionLine]=\"editTransactionLine\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
+                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\">\n      <div class=\"article-text-content-wrapper\">\n        <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n             class=\"article-text-drag-drop-list\"\n             [cdkDropListData]=\"collection\"\n             [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n             (cdkDropListDropped)=\"handleDrop($event)\"\n        >\n          <div class=\"article-text-overview-article-text-wrapper\" *ngFor=\"let transLine of collection; let index = index\" cdkDrag (dblclick)=\"handleOpenArticleText(transLine)\">\n            <div class=\"index\" [textContent]=\"index + 1\"></div>\n            <div class=\"text\" [innerHTML]=\"transLine.text | safeHtml\"></div>\n          </div>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #headerTemplate><span class=\"co-transaction-dialog-header-title\" [textContent]=\"header\"></span></ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-transaction-dialog-footer-button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n      </div>\n    </ng-template>\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"header\"\n                                 [articleLineNr]=\"editTransactionLine.lineNr\"\n                                 [articleRef]=\"editTransactionLine.articleNumber\"\n                                 [transactionLine]=\"editTransactionLine\"\n                                 [editText]=\"textToEdit\"\n                                 [showArticleImageDescription]=\"editTransactionLine.articleBound\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -21174,7 +21180,7 @@
     TransactionBaseLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-base-line",
-                    template: "\n    <div class=\"transaction-base-line-wrapper\" data-action=\"openSidePanel\">\n      <ng-container *ngIf=\"line.isArticle\">\n        <div class=\"transaction-base-line-section\" [class.line-start]=\"!preview\">\n          <co-input-checkbox *ngIf=\"checkbox\" class=\"transaction-line-checkbox\" [class.hidden]=\"hideCheckbox\"\n                             [model]=\"checkboxValue\"\n                             (modelChange)=\"checkboxValueChanged.emit($event)\"\n          ></co-input-checkbox>\n          <co-transaction-line-image-and-description\n            *ngIf=\"line.isArticle\" class=\"transaction-line-image-and-description-wrapper\"\n            [preview]=\"preview\"\n            [line]=\"line\"\n            (handleDeleteLine)=\"deleteTransactionLineClick()\"\n          ></co-transaction-line-image-and-description>\n        </div>\n        <div class=\"transaction-base-line-section\" [class.preview-margin]=\"preview\">\n          <ng-content></ng-content>\n          <div *ngIf=\"!preview && actionButtons\" class=\"transaction-line-buttons\">\n            <co-transaction-line-action-buttons\n              [showActionButtons]=\"selected\"\n              [transactionLine]=\"line\"\n              (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n              (sidePanelButtonClicked)=\"handleShowSidePanel($event)\"\n            ></co-transaction-line-action-buttons>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"line.isText\">\n        <div [textContent]=\"line.text\"></div>\n        <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n          <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n        </div>\n      </ng-container>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-base-line-wrapper\" data-action=\"openSidePanel\">\n      <ng-container *ngIf=\"line.isArticle\">\n        <div class=\"transaction-base-line-section\" [class.line-start]=\"!preview\">\n          <co-input-checkbox *ngIf=\"checkbox\" class=\"transaction-line-checkbox\" [class.hidden]=\"hideCheckbox\"\n                             [model]=\"checkboxValue\"\n                             (modelChange)=\"checkboxValueChanged.emit($event)\"\n          ></co-input-checkbox>\n          <co-transaction-line-image-and-description\n            *ngIf=\"line.isArticle\" class=\"transaction-line-image-and-description-wrapper\"\n            [preview]=\"preview\"\n            [line]=\"line\"\n            (handleDeleteLine)=\"deleteTransactionLineClick()\"\n          ></co-transaction-line-image-and-description>\n        </div>\n        <div class=\"transaction-base-line-section\" [class.preview-margin]=\"preview\">\n          <ng-content></ng-content>\n          <div *ngIf=\"!preview && actionButtons\" class=\"transaction-line-buttons\">\n            <co-transaction-line-action-buttons\n              [showActionButtons]=\"selected || false\"\n              [transactionLine]=\"line\"\n              (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n              (sidePanelButtonClicked)=\"handleShowSidePanel($event)\"\n            ></co-transaction-line-action-buttons>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"line.isText\">\n        <div [textContent]=\"line.text\"></div>\n        <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n          <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n        </div>\n      </ng-container>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];