@colijnit/transaction 12.1.33 → 12.1.35

package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-location/style/_layout.scss

@@ -1,19 +1,15 @@
 @include export-module('co-dialog-transaction-line-warehouse-location-layout') {
   .co-dialog-transaction-line-warehouse-location {
     .co-dialog:not(.is-mobile) .co-dialog-wrapper {
-      min-width: 500px;
-    }
-    .co-transaction-default-flex-row {
-      user-select: none;
-      border-radius: $tp-default-border-radius;
-      background-color: $tp-default-background-accent;
+      min-width: $tp-dialog-transaction-line-warehouse-location-min-width;
     }
     .dialog-footer-button-wrapper {
       display: flex;
       justify-content: flex-end;
     }
     .co-dialog .dialog-content {
-      max-height: 400px;
+      max-height: $tp-dialog-transaction-line-warehouse-location-height;
+      height: $tp-dialog-transaction-line-warehouse-location-height;
     }
   }
 }

package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-location/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$tp-dialog-transaction-line-warehouse-location-min-width: 500px !default;
+$tp-dialog-transaction-line-warehouse-location-height: 400px !default;

package/lib/component/transaction/style/material.scss

@@ -9,3 +9,5 @@
 @import "../../transaction-button-bar/style/material";
 @import "../../transaction-line-side-panel/style/material";
 @import "../../view-mode-buttons/style/material";
+@import "../../dialog/transaction-header/dialog-transaction-header-delivery-method/style/material";
+@import "../../transaction-line-checkbox-list/style/material";

package/lib/component/transaction-confirmation-details/transaction-confirmation-details.component.d.ts

@@ -2,19 +2,19 @@ import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transa
 import { Icon } from "../../enum/icon.enum";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { TransactionService } from "../../service/transaction.service";
-import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
 import { DocDeliveryBatch } from "@colijnit/transactionapi/build/model/doc-delivery-batch.bo";
+import { DatePipe } from "@angular/common";
 export declare class TransactionConfirmationDetailsComponent {
     iconCacheService: IconCacheService;
     transactionService: TransactionService;
+    private _datePipe;
     readonly icons: typeof Icon;
     transactionLines: TransactionLineInfo;
     transactionInfoNr: number;
     showClass(): boolean;
     showAddOrder: boolean;
-    purchasePortalLine: PurchasePortalLine;
-    docBatchArray: DocDeliveryBatch;
-    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
+    newDocBatchArray: DocDeliveryBatch;
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _datePipe: DatePipe);
     addButtonClicked(): void;
     handleOkClick(): void;
 }

package/lib/component/transaction-confirmation-history/transaction-confirmation-history.component.d.ts

@@ -15,11 +15,14 @@ export declare class TransactionConfirmationHistoryComponent implements OnInit {
     transactionLines: TransactionLineInfo;
     transactionId: number;
     transactionInfoNr: number;
-    purchasePortalLines: PurchasePortalLine;
+    purchasePortalLines: PurchasePortalLine[];
+    docBatch: PurchasePortalLine;
     getPurchasePortalLine: GetPurchasePortalLine;
     purchasePortalFilter: PurchasePortalFilters;
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _datePipe: DatePipe);
     ngOnInit(): void;
     getPurchasePortalLines(): void;
+    lockPurchasePortalLine(): Promise<void>;
+    deleteDocBatch(event: any): Promise<void>;
 }

package/lib/component/transaction-grid/transaction-lines-grid/transaction-lines-grid.component.d.ts

@@ -5,10 +5,13 @@ import { TransactionImageService } from "../../../service/transaction-image.serv
 import { DialogService } from "../../../service/dialog.service";
 export declare class TransactionLinesGridComponent extends TransactionGridBaseComponent {
     protected imageService: TransactionImageService;
-    private _service;
+    service: TransactionService;
     private _dialogService;
     showClass(): boolean;
-    constructor(imageService: TransactionImageService, _service: TransactionService, _dialogService: DialogService);
+    currentTransactionLine: TransactionLineInfo;
+    showDialogCommissionCode: boolean;
+    showDialogWarehouse: boolean;
+    constructor(imageService: TransactionImageService, service: TransactionService, _dialogService: DialogService);
     changeLineAmount(row: TransactionLineInfo, amount: number): void;
     openCommissionCodeDialog(row: TransactionLineInfo): void;
     openWarehouseDialog(row: TransactionLineInfo): void;

package/lib/component/transaction-header/transaction-header/style/_layout.scss

@@ -14,15 +14,23 @@
       border-width: $tp-co-transaction-header-border-width;
       column-gap: $tp-co-transaction-header-gap;
       row-gap: $tp-co-transaction-header-gap;
-      > * {
-        @include screen-mobile {
-          width: 100%;
+      .co-carousel {
+        width: 100%;
+        .carousel-wrapper {
+          > *:not(.transaction-header-divider) {
+            @include screen-mobile {
+              width: 100%;
+              > * {
+                width: 100%;
+              }
+            }
+          }
         }
       }
-      .co-transaction-header-block {
-        @include screen-mobile {
-          width: 100%;
-        }
+      .transaction-header-divider {
+        height: auto;
+        width: 1px;
+        margin: 25px 10px;
       }
     }
   }

package/lib/component/transaction-header/transaction-header/style/_theme.scss

@@ -7,5 +7,8 @@
     .transaction-header-wrapper {
       border-color: $tp-co-transaction-header-border-color;
     }
+    .transaction-header-divider {
+      background-color: $tp-co-transaction-header-border-color;
+    }
   }
 }

package/lib/component/transaction-header/transaction-header/style/material.scss

@@ -5,3 +5,4 @@
 @import "../../transaction-header-order/style/material";
 @import "../../transaction-header-delivery/style/material";
 @import "../../transaction-header-payment/style/material";
+@import "~@colijnit/corecomponents_v12/lib/components/carousel/style/material";

package/lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.component.d.ts

@@ -3,15 +3,18 @@ import { Icon } from "../../../enum/icon.enum";
 import { TransactionService } from "../../../service/transaction.service";
 import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-method.bo";
 import { IconCacheService } from "../../../service/icon-cache.service";
+import { DialogService } from "../../../service/dialog.service";
 export declare class TransactionHeaderDeliveryComponent extends TransactionBaseComponent {
     iconService: IconCacheService;
     protected service: TransactionService;
+    private _dialogService;
     readonly icons: typeof Icon;
     showClass(): boolean;
     deliveryMethod: DeliveryMethod;
     deliveryMethods: DeliveryMethod[];
     showDialog: boolean;
     showDeliveryMethodDialog: boolean;
-    constructor(iconService: IconCacheService, service: TransactionService);
+    constructor(iconService: IconCacheService, service: TransactionService, _dialogService: DialogService);
+    showTheDeliveryMethodDialog(): void;
     transactionSet(): void;
 }

package/lib/component/transaction-header/transaction-header-payment/transaction-header-payment.component.d.ts

@@ -2,10 +2,12 @@ import { TransactionBaseComponent } from "../../core/base/transaction-base.compo
 import { Icon } from "../../../enum/icon.enum";
 import { IconCacheService } from "../../../service/icon-cache.service";
 import { TransactionService } from "../../../service/transaction.service";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 export declare class TransactionHeaderPaymentComponent extends TransactionBaseComponent {
     iconService: IconCacheService;
     protected readonly service: TransactionService;
     readonly icons: typeof Icon;
+    readonly transactionKind: typeof TransactionKind;
     showClass(): boolean;
     showDialog: boolean;
     showPaymentDialog: boolean;

package/lib/component/transaction-header-fields/transaction-header-administrative-relation.component.d.ts

@@ -2,9 +2,8 @@ import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
 import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderAdministrativeRelationComponent extends TransactionHeaderBaseComponent implements OnInit {
+export declare class TransactionHeaderAdministrativeRelationComponent extends TransactionHeaderBaseComponent<RelationListObject> implements OnInit {
     private _transactionService;
-    collection: RelationListObject[];
     fields: Object;
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;

package/lib/component/transaction-header-fields/transaction-header-branch.component.d.ts

@@ -2,18 +2,13 @@ import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
 import { BranchLov } from "@colijnit/transactionapi/build/model/branch-lov.bo";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderBranchComponent extends TransactionHeaderBaseComponent implements OnInit {
+import { RelationSmallObject } from "@colijnit/transactionapi/build/model/relation-small-object.bo";
+export declare class TransactionHeaderBranchComponent extends TransactionHeaderBaseComponent<BranchLov> implements OnInit {
     private _transactionService;
     simple: boolean;
-    collection: BranchLov[];
     fields: Object;
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
-    commitTransactionBranch(branch: number): Promise<boolean>;
-    handleChecked(event: MouseEvent, row: {
-        value: number;
-        text: string;
-        checked: boolean;
-    }): void;
+    commit(branch: number | RelationSmallObject): Promise<boolean>;
     protected transactionInfoSet(): void;
 }

package/lib/component/transaction-header-fields/transaction-header-definitive.component.d.ts

@@ -1,6 +1,6 @@
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderDefinitiveComponent extends TransactionHeaderBaseComponent {
+export declare class TransactionHeaderDefinitiveComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
     constructor(_transactionService: TransactionService);
     commitTransactionDefinitive(definitive: boolean): Promise<boolean>;

package/lib/component/transaction-header-fields/transaction-header-delivery-date.component.d.ts

@@ -1,7 +1,7 @@
 import { InputDatePickerComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderDeliveryDateComponent extends TransactionHeaderBaseComponent {
+export declare class TransactionHeaderDeliveryDateComponent extends TransactionHeaderBaseComponent<string> {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

package/lib/component/transaction-header-fields/transaction-header-delivery-method.component.d.ts

@@ -2,14 +2,17 @@ import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
 import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-method.bo";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderDeliveryMethodComponent extends TransactionHeaderBaseComponent implements OnInit {
+export declare class TransactionHeaderDeliveryMethodComponent extends TransactionHeaderBaseComponent<DeliveryMethod> implements OnInit {
     private _transactionService;
+    showAsCarousel: boolean;
     deliveryMethodChange: EventEmitter<DeliveryMethod>;
-    deliveryMethods: DeliveryMethod[];
     selectedIdx: number;
+    protected codeField: string;
+    protected checkField: string;
+    protected propsForLabel: string[];
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
-    commitDeliveryMethod(method: string): Promise<boolean>;
+    commit(method: string): Promise<boolean>;
     setIndexDeliveryType(idx: number): Promise<void>;
     protected transactionInfoSet(): void;
 }

package/lib/component/transaction-header-fields/transaction-header-delivery-options.component.d.ts

@@ -4,7 +4,7 @@ import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-me
 import { TextValueContainer } from "../../model/text-value-container";
 import { DeliveryOption } from "@colijnit/transactionapi/build/model/delivery-option.bo";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderDeliveryOptionsComponent extends TransactionHeaderBaseComponent implements OnInit {
+export declare class TransactionHeaderDeliveryOptionsComponent extends TransactionHeaderBaseComponent<any> implements OnInit {
     private _transactionService;
     set deliveryMethod(value: DeliveryMethod);
     get deliveryMethod(): DeliveryMethod;

package/lib/component/transaction-header-fields/transaction-header-downpayment-amount.component.d.ts

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderDownpaymentAmountComponent extends TransactionHeaderBaseComponent {
+export declare class TransactionHeaderDownpaymentAmountComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

package/lib/component/transaction-header-fields/transaction-header-downpayment-percentage.component.d.ts

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderDownpaymentPercentageComponent extends TransactionHeaderBaseComponent {
+export declare class TransactionHeaderDownpaymentPercentageComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

package/lib/component/transaction-header-fields/transaction-header-marketing.component.d.ts

@@ -2,16 +2,13 @@ import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
 import { Marketing } from "@colijnit/transactionapi/build/model/marketing.bo";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderMarketingComponent extends TransactionHeaderBaseComponent implements OnInit {
+export declare class TransactionHeaderMarketingComponent extends TransactionHeaderBaseComponent<Marketing> implements OnInit {
     private _transactionService;
-    collection: Marketing[];
+    protected codeField: string;
+    protected checkField: string;
+    protected propsForLabel: string[];
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
-    commitTransactionMarketing(code: string): Promise<boolean>;
-    handleChecked(event: MouseEvent, row: {
-        value: string;
-        text: string;
-        checked: boolean;
-    }): void;
+    commit(code: string): Promise<boolean>;
     protected transactionInfoSet(): void;
 }

package/lib/component/transaction-header-fields/transaction-header-partial-delivery.component.d.ts

@@ -1,6 +1,6 @@
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderPartialDeliveryComponent extends TransactionHeaderBaseComponent {
+export declare class TransactionHeaderPartialDeliveryComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
     constructor(_transactionService: TransactionService);
     commitPartialDelivery(allow: boolean): Promise<boolean>;

package/lib/component/transaction-header-fields/transaction-header-preferred-delivery-date.component.d.ts

@@ -1,7 +1,7 @@
 import { InputDatePickerComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderPreferredDeliveryDateComponent extends TransactionHeaderBaseComponent {
+export declare class TransactionHeaderPreferredDeliveryDateComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

package/lib/component/transaction-header-fields/transaction-header-reference.component.d.ts

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderReferenceComponent extends TransactionHeaderBaseComponent {
+export declare class TransactionHeaderReferenceComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

package/lib/component/transaction-header-fields/transaction-header-relation-reference.component.d.ts

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderRelationReferenceComponent extends TransactionHeaderBaseComponent {
+export declare class TransactionHeaderRelationReferenceComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

package/lib/component/transaction-header-fields/transaction-header-remarks.component.d.ts

@@ -1,7 +1,7 @@
 import { InputTextareaComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderRemarksComponent extends TransactionHeaderBaseComponent {
+export declare class TransactionHeaderRemarksComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

package/lib/component/transaction-line/style/_layout.scss

@@ -24,34 +24,16 @@
     }
     .transaction-line-extended-wrapper {
       display: grid;
-      grid-template-columns: $tp-transaction-line-button-width $tp-transaction-line-button-width auto $tp-transaction-line-button-delivery-method-width;
+      grid-template-columns: $tp-transaction-line-button-width $tp-transaction-line-button-width $tp-transaction-line-button-big-width;
       grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
       grid-column-gap: $tp-transaction-line-column-gap;
       grid-row-gap: $tp-transaction-line-row-gap;
-      .last-two-columns {
-        grid-column: 3 / 5;
-      }
       .two-column {
         grid-column: 1 / 3;
         column-gap: 5px;
         padding: 0;
       }
     }
-    .transaction-line-extended-row-wrapper {
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      column-gap: $tp-transaction-line-column-gap;
-      padding: $tp-transaction-line-button-padding;
-      &:not(.no-border) {
-        border: $tp-transaction-line-button-border;
-        border-radius: $tp-transaction-line-button-radius;
-      }
-    }
-    .transaction-line-extended-button {
-      height: $tp-transaction-line-button-height;
-    }
     &.preview {
       .transaction-line-wrapper {
         align-items: center;
@@ -201,7 +183,9 @@
     }
     &.is-text {
       .transaction-line {
+        flex-direction: row;
         min-height: $tp-transaction-line-article-text-min-height;
+        column-gap: $tp-transaction-line-column-gap;
       }
     }
     .price {

package/lib/component/transaction-line/style/_material-definition.scss

@@ -2,7 +2,7 @@ $tp-transaction-line-font-family: $tp-font-family !default;
 $tp-transaction-line-font-size: $tp-font-size !default;
 $tp-transaction-line-background-color: white !default;
 $tp-transaction-line-min-height: 100px !default;
-$tp-transaction-line-article-text-min-height: 50px !default;
+$tp-transaction-line-article-text-min-height: 30px !default;
 $tp-transaction-line-padding: 10px !default;
 $tp-transaction-line-inner-padding: 10px !default;
 $tp-transaction-line-border: 1px solid !default;
@@ -21,16 +21,8 @@ $tp-transaction-line-amount-input-width: 50px !default;
 $tp-transaction-line-amount-input-border-color: $tp-color-border !default;
 $tp-transaction-line-totals-font-weight: bold !default;
 $tp-transaction-line-delete-color: $tp-color-action !default;
-$tp-transaction-line-article-text-background-color: $tp-color-light-accent !default;
+$tp-transaction-line-article-text-background-color: white !default;
 $tp-transaction-line-article-text-color: $tp-color-dark !default;
-$tp-transaction-line-button-width: 78px !default;
-$tp-transaction-line-button-padding: 0 5px !default;
-$tp-transaction-line-button-height: 26px !default;
-$tp-transaction-line-button-radius: 10px !default;
-$tp-transaction-line-button-border: 1px solid !default;
-$tp-transaction-line-button-border-color: $tp-color-border !default;
-$tp-transaction-line-button-delivery-method-width: 250px !default;
-$tp-transaction-line-button-background-color: $tp-color-active-light !default;
 $tp-transaction-line-buttons-overview-background-color: $tp-color-active-light !default;
 $tp-transaction-line-buttons-overview-text-color: $tp-color-light !default;
 $tp-transaction-line-buttons-add-text-background-color: $tp-color-action !default;
@@ -40,3 +32,4 @@ $tp-transaction-line-article-text-font-color: $tp-color-label !default;
 $tp-transaction-line-article-text-padding: 2px !default;
 $tp-transaction-line-price-font-weight: bold !default;
 $tp-transaction-line-discount-background-color: $tp-default-background-accent !default;
+$tp-transaction-line-discount-color: $tp-color-active-light !default;

package/lib/component/transaction-line/style/_theme.scss

@@ -25,12 +25,12 @@
       color: $tp-transaction-line-article-text-font-color;
       background-color: $tp-transaction-line-background-color;
     }
-    .discount {
+    .transaction-line-discount {
+      color: $tp-transaction-line-discount-color;
       background-color: $tp-transaction-line-discount-background-color;
-    }
-    .transaction-line-extended-row-wrapper:not(.no-border) {
-      background-color: $tp-transaction-line-discount-background-color;
-      border-color: $tp-transaction-line-button-border-color;
+      &.negative {
+        color: $tp-color-negative-value;
+      }
     }
   }
 }

package/lib/component/transaction-line/style/material.scss

@@ -10,3 +10,5 @@
 @import "../../dialog/transaction-line/dialog-transaction-line-warehouse/style/material";
 @import "../../dialog/transaction-line/dialog-transaction-line-delivery-method/style/material";
 @import "../../dialog/transaction-line/dialog-transaction-line-vat/style/material";
+@import "../../dialog/transaction-line/dialog-transaction-line-discount/style/material";
+@import "../../dialog/transaction-line/dialog-transaction-line-price-list/style/material";

package/lib/component/transaction-line/transaction-line.component.d.ts

@@ -32,16 +32,22 @@ export declare class TransactionLineComponent {
     stock: StockStatus;
     mouseOver: boolean;
     readonly: boolean;
+    showDialogDeliveryMethod: boolean;
+    showDialogCommissionCode: boolean;
+    showDialogVat: boolean;
+    showDialogWarehouse: boolean;
+    showDialogDiscount: boolean;
     private _line;
     constructor(service: TransactionService, iconCacheService: IconCacheService, _dialogService: DialogService, _dictionaryService: DictionaryService, _imageService: TransactionImageService);
     changeLineAmount(amount: number): void;
     deleteTransactionLineClick(): Promise<void>;
     handleOpenArticleText(text: string): void;
     handleShowSidePanel(): void;
-    openCommissionCodeDialog(): void;
-    openWarehouseDialog(): void;
-    openDeliveryMethodDialog(): void;
+    openTheCommissionCodeDialog(): void;
+    openTheWarehouseDialog(): void;
+    openTheDeliveryMethodDialog(): void;
     openVatDialog(): void;
+    openTheDiscountDialog(): void;
     private _loadLineImage;
     private _loadLineCommissionCode;
     private _loadLineWarehouse;

package/lib/component/transaction-line-checkbox-list/style/_layout.scss

@@ -0,0 +1,35 @@
+@include export-module('co-transaction-line-checkbox-list-layout') {
+  .co-transaction-line-checkbox-list {
+    display: block;
+    height: 100%;
+    .highlight {
+      font-weight: $tp-transaction-line-checkbox-list-item-hightlight-font-weight;
+      font-style: $tp-transaction-line-checkbox-list-item-hightlight-font-style;
+      text-decoration: $tp-transaction-line-checkbox-list-item-hightlight-text-decoration;
+    }
+    table {
+      width: 100%;
+      border-spacing: 0 3px;
+      overflow: hidden;
+      tr {
+        height: $tp-transaction-line-checkbox-list-item-height;
+      }
+      td {
+        border-width: $tp-transaction-line-checkbox-list-item-border-width;
+        border-style: $tp-transaction-line-checkbox-list-item-border-style;
+      }
+      td:first-child {
+        border-left-style: solid;
+        border-top-left-radius: $tp-transaction-line-checkbox-list-item-border-radius;
+        border-bottom-left-radius: $tp-transaction-line-checkbox-list-item-border-radius;
+        padding-left: 10px;
+        width: 40px;
+      }
+      td:last-child {
+        border-right-style: solid;
+        border-bottom-right-radius: $tp-transaction-line-checkbox-list-item-border-radius;
+        border-top-right-radius: $tp-transaction-line-checkbox-list-item-border-radius;
+      }
+    }
+  }
+}

package/lib/component/transaction-line-checkbox-list/style/_material-definition.scss

@@ -0,0 +1,10 @@
+$tp-transaction-line-checkbox-list-item-height: $tp-transaction-line-button-height !default;
+$tp-transaction-line-checkbox-list-item-border-style: solid !default;
+$tp-transaction-line-checkbox-list-item-border-width: 0 !default;
+$tp-transaction-line-checkbox-list-item-border-color: $tp-transaction-line-button-border-color !default;
+$tp-transaction-line-checkbox-list-item-background-color: $tp-transaction-line-button-background-color !default;
+$tp-transaction-line-checkbox-list-item-border-radius: $tp-transaction-line-button-radius !default;
+$tp-transaction-line-checkbox-list-item-hightlight-font-weight: bold !default;
+$tp-transaction-line-checkbox-list-item-hightlight-font-style: italic !default;
+$tp-transaction-line-checkbox-list-item-hightlight-font-color: green !default;
+$tp-transaction-line-checkbox-list-item-hightlight-text-decoration: underline !default;

package/lib/component/transaction-line-checkbox-list/style/_theme.scss

@@ -0,0 +1,12 @@
+@include export-module('co-transaction-line-checkbox-list-theme') {
+  .co-transaction-line-checkbox-list {
+    .highlight {
+      color: $tp-transaction-line-checkbox-list-item-hightlight-font-color;
+    }
+    table {
+      td {
+        background-color: $tp-transaction-line-checkbox-list-item-background-color;
+      }
+    }
+  }
+}

package/lib/component/transaction-line-checkbox-list/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction-line-checkbox-list/transaction-line-checkbox-list.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from "@angular/core";
+export declare class TransactionLineCheckboxListComponent {
+    collection: any[];
+    readonly: boolean;
+    checked: EventEmitter<any>;
+    showClass: boolean;
+    smallToolbar: boolean;
+    private _observer;
+    handleChecked(event: MouseEvent, row: {
+        value: string;
+        text: string;
+        checked: boolean;
+    }): void;
+    private _initObserver;
+    private _handleVisibility;
+}

package/lib/component/transaction-line-checkbox-list/transaction-line-checkbox-list.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TransactionLineCheckboxModule {
+}

package/lib/component/transaction-line-fields/transaction-line-commission-code.component.d.ts

@@ -2,16 +2,14 @@ import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
 import { CoDomainValue } from "@colijnit/transactionapi/build/model/co-domain-value.bo";
 import { TransactionLineBaseComponent } from "../core/base/transaction-line-base.component";
-export declare class TransactionLineCommissionCodeComponent extends TransactionLineBaseComponent implements OnInit {
+export declare class TransactionLineCommissionCodeComponent extends TransactionLineBaseComponent<CoDomainValue> implements OnInit {
     private _transactionService;
-    data: CoDomainValue[];
+    protected codeField: string;
+    protected checkField: string;
+    protected propsForLabel: string[];
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
-    commitCommissionCode(code: string): Promise<boolean>;
-    handleChecked(event: MouseEvent, row: {
-        value: string;
-        text: string;
-        checked: boolean;
-    }): void;
+    commit(code: string): Promise<boolean>;
     protected transactionLineSet(): void;
+    protected transactionInfoSet(): void;
 }

package/lib/component/transaction-line-fields/transaction-line-delivery-date.component.d.ts

@@ -1,8 +1,8 @@
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionLineBaseComponent } from "../core/base/transaction-line-base.component";
-export declare class TransactionLineDeliveryDateComponent extends TransactionLineBaseComponent {
+export declare class TransactionLineDeliveryDateComponent extends TransactionLineBaseComponent<number> {
     private _transactionService;
     constructor(_transactionService: TransactionService);
-    commitDeliveryDate(date: Date): Promise<boolean>;
+    commit(date: Date): Promise<boolean>;
     protected transactionInfoSet(): void;
 }