@colijnit/transaction 12.1.57 → 12.1.59

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

@@ -5,8 +5,11 @@
     .header-block-balance {
       background: $tp-transaction-header-block-payment-balance-background;
       border-color: $tp-transaction-header-block-payment-balance-border-color;
-      .payment-to-pay {
-        color: $tp-transaction-header-block-payment-balance-to-pay-color;
+      .payment-paid {
+        color: $tp-transaction-header-block-payment-balance-paid-color;
+        &.success {
+          color: $tp-transaction-header-block-payment-balance-paid-color-success;
+        }
       }
     }
   }

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

@@ -6,9 +6,11 @@ import { DictionaryService } from "../../../service/dictionary.service";
 import { TransactionService } from "../../../service/transaction.service";
 import { RelationKind } from "@colijnit/transactionapi/build/enum/relation-kind.enum";
 import { CustomerGroup } from "@colijnit/transactionapi/build/model/customer-group.bo";
+import { DialogService } from "../../../service/dialog.service";
 export declare class TransactionHeaderRelationComponent extends TransactionBaseComponent {
     protected readonly service: TransactionService;
     private _dictionary;
+    private _dialogService;
     readonly addressType: typeof AddressType;
     navigationItems: ElementRef;
     mainItems: ElementRef;
@@ -23,13 +25,15 @@ export declare class TransactionHeaderRelationComponent extends TransactionBaseC
     categories: string[];
     customerGroup: string;
     relationType: RelationKind;
+    readonly: boolean;
     private _relation;
-    constructor(service: TransactionService, _dictionary: DictionaryService);
+    constructor(service: TransactionService, _dictionary: DictionaryService, _dialogService: DialogService);
     updateRelation(rel: RelationAnyType): void;
     setIndexDeliveryAddress(idx: number): void;
     setIndexInvoiceAddress(idx: number): void;
     checkSameAddress(checked: boolean): void;
     handleNavigationClick(nav: string): void;
     handleChangeCustomGroup(group: CustomerGroup): void;
+    handleShowDialog(): Promise<void>;
     relationSet(): void;
 }

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

@@ -15,5 +15,6 @@ export declare class TransactionHeaderDeliveryMethodComponent extends Transactio
     ngOnInit(): void;
     commit(method: string): Promise<boolean>;
     setIndexDeliveryType(idx: number): Promise<void>;
+    setDeliveryType(method: DeliveryMethod): Promise<void>;
     protected transactionInfoSet(): void;
 }

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

@@ -3,23 +3,10 @@
     .transaction-base-line-wrapper {
       display: flex;
       flex-direction: row;
-      column-gap: $tp-transaction-line-column-gap;
-
-      .transaction-line-image-and-description-wrapper {
-        display: flex;
-        width: max-content;
-        align-items: center;
-      }
     }
     .transaction-base-line-section {
       display: flex;
       flex-direction: row;
-      column-gap: $tp-transaction-line-column-gap;
-    }
-    .delete-icon {
-      cursor: pointer;
-      height: $tp-transaction-line-delete-icon-size;
-      width: $tp-transaction-line-delete-icon-size;
     }
     .transaction-line-delete {
       display: flex;
@@ -31,89 +18,8 @@
         align-items: center;
       }
     }
-    .transaction-line-buttons {
-      display: flex;
-      align-items: baseline;
-      flex-shrink: 0;
-      height: $tp-transaction-line-amount-height;
-    }
     .transaction-line-checkbox {
       place-self: center;
     }
-    .transaction-line-totals-price, .transaction-line-totals-discount, .transaction-line-totals-amount, .transaction-line-totals-total {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border: 1px solid $tp-transaction-line-border-color;
-      border-radius: 10px;
-      .co-input-text {
-        width: 80%;
-        height: 95%;
-        input {
-          margin: 6px 0 0;
-        }
-      }
-    }
-    .price {
-      font-weight: $tp-transaction-line-price-font-weight;
-    }
-    .amount-number-picker {
-      border: none;
-
-      .co-button {
-        height: 18px;
-        width: 20px;
-      }
-    }
-    .fully-delivered {
-      border-color: #e4f9f3;
-      background-color: #e5f9f3;
-
-      input {
-        color: #5fdcb3;
-      }
-      co-icon [fill] {
-        fill: #5fdcb3 !important;
-      }
-    }
-    .partially-delivered {
-      border-color: #fde6db;
-      background-color: #feece3;
-
-      input {
-        color: #f8854c;
-      }
-      co-icon [fill] {
-        fill: #f8854c !important;
-      }
-    }
-    &.preview {
-      .transaction-line-wrapper {
-        align-items: center;
-      }
-    }
-    &:not(.preview) {
-      .transaction-line-wrapper {
-        //min-height: $tp-transaction-line-min-height;
-      }
-    }
-    &:not(.preview) {
-      .transaction-line-amount {
-        //height: $tp-transaction-line-amount-height;
-      }
-    }
-    &.preview {
-      .transaction-line-totals {
-        grid-template-columns: 100px 0 100px;
-      }
-    }
-    &.is-text {
-      min-height: $tp-transaction-line-article-text-min-height;
-    }
-    &:not(.is-text) {
-      .transaction-base-line-wrapper {
-        justify-content: space-between;
-      }
-    }
   }
 }

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from "@angular/core";
 import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
 import { IconCacheService } from "../../../service/icon-cache.service";
 import { TransactionService } from "../../../service/transaction.service";
@@ -10,9 +11,9 @@ export declare class TransactionBaseLineComponent extends TransactionLinesLineBa
     checkbox: boolean;
     checkboxValue: boolean;
     actionButtons: boolean;
+    checkboxValueChanged: EventEmitter<boolean>;
     showClass(): boolean;
     constructor(service: TransactionService, iconCacheService: IconCacheService, _transactionEventService: TransactionEventService);
     deleteTransactionLineClick(): Promise<void>;
     handleShowSidePanel(line: TransactionLineInfo): void;
-    handleCheckboxValueChanged(): void;
 }

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

@@ -10,5 +10,169 @@
     padding: $tp-transaction-line-padding;
     row-gap: $tp-transaction-line-row-gap;
     border-width: $tp-transaction-line-border-width;
+    .transaction-base-line-wrapper {
+      column-gap: $tp-transaction-line-column-gap;
+    }
+    .transaction-base-line-section {
+      column-gap: $tp-transaction-line-column-gap;
+    }
+    .transaction-line {
+      display: flex;
+      flex-direction: column;
+    }
+    .transaction-line-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: $tp-transaction-line-column-gap;
+    }
+    .transaction-line-buttons {
+      display: flex;
+      align-items: baseline;
+      flex-shrink: 0;
+      height: $tp-transaction-line-amount-height;
+    }
+    .transaction-line-extended-wrapper {
+      display: grid;
+      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;
+      .two-column {
+        grid-column: 1 / 3;
+        column-gap: 5px;
+        padding: 0;
+      }
+    }
+    .transaction-line-totals-price, .transaction-line-totals-discount, .transaction-line-totals-amount, .transaction-line-totals-total {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid $tp-transaction-line-border-color;
+      border-radius: 10px;
+      .co-input-text {
+        width: 80%;
+        height: 95%;
+        input {
+          margin: 6px 0 0;
+        }
+      }
+    }
+    .price {
+      font-weight: $tp-transaction-line-price-font-weight;
+    }
+    .amount-number-picker {
+      border: none;
+
+      .co-button {
+        height: 18px;
+        width: 20px;
+      }
+    }
+    .fully-delivered {
+      border-color: #e4f9f3;
+      background-color: #e5f9f3;
+
+      input {
+        color: #5fdcb3;
+      }
+      co-icon [fill] {
+        fill: #5fdcb3 !important;
+      }
+    }
+    .partially-delivered {
+      border-color: #fde6db;
+      background-color: #feece3;
+
+      input {
+        color: #f8854c;
+      }
+      co-icon [fill] {
+        fill: #f8854c !important;
+      }
+    }
+    &.preview {
+      .transaction-line-wrapper {
+        align-items: center;
+      }
+      .transaction-line-totals {
+        grid-template-columns: 100px 0 100px;
+      }
+    }
+    &:not(.preview) {
+      .transaction-line-wrapper {
+        //min-height: $tp-transaction-line-min-height;
+      }
+    }
+    &:not(.preview) {
+      .transaction-line-amount {
+        //height: $tp-transaction-line-amount-height;
+      }
+      .transaction-line-wrapper {
+        //min-height: $tp-transaction-line-min-height;
+      }
+    }
+    &.is-text {
+      min-height: $tp-transaction-line-article-text-min-height;
+    }
+    &:not(.is-text) {
+      .transaction-base-line-wrapper {
+        justify-content: space-between;
+      }
+    }
+    .transaction-line-stock-wrapper {
+      display: flex;
+      column-gap: 5px;
+    }
+    .transaction-line-stock {
+      display: flex;
+      flex-direction: column;
+      flex-shrink: 0;
+      row-gap: $tp-transaction-line-row-gap;
+      padding: $tp-transaction-line-inner-padding;
+    }
+    &:not(.preview) {
+      .transaction-line-amount {
+        //height: $tp-transaction-line-amount-height;
+      }
+    }
+    .transaction-line-totals {
+      display: grid;
+      grid-template-columns: 100px 100px 100px;
+      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;
+
+      .transaction-line-totals-price {
+        grid-column: 1 / 1;
+        grid-row: 1 / 1;
+      }
+
+      .transaction-line-totals-discount {
+        grid-column: 1 / 1;
+        grid-row: 2 / 2;
+      }
+
+      .transaction-line-totals-amount {
+        grid-column: 2 / 2;
+        grid-row: 1 / 1;
+      }
+
+      .transaction-line-totals-total {
+        grid-column: 3 / 3;
+        grid-row: 1 / 1;
+      }
+    }
+    //.transaction-line-totals-price-discount {
+    //  display: flex;
+    //  flex-direction: column;
+    //  row-gap: 5px;
+    //}
+    &.is-text {
+      .transaction-line {
+        flex-direction: row;
+        min-height: $tp-transaction-line-article-text-min-height;
+        column-gap: $tp-transaction-line-column-gap;
+      }
+    }
   }
 }

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

@@ -0,0 +1,24 @@
+$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: 30px !default;
+$tp-transaction-line-padding: 10px !default;
+$tp-transaction-line-inner-padding: 10px !default;
+$tp-transaction-line-border: 1px solid !default;
+$tp-transaction-line-border-width: 0 0 1px 0 !default;
+$tp-transaction-line-border-color: $tp-color-border !default;
+$tp-transaction-line-column-gap: 15px !default;
+$tp-transaction-line-row-gap: 5px !default;
+$tp-transaction-line-amount-height: 50px !default;
+$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-article-menu-icon-color: $tp-color-dark !default;
+$tp-transaction-line-buttons-overview-background-color: #030D3C !default;
+$tp-transaction-line-buttons-overview-text-color: $tp-color-light !default;
+$tp-transaction-line-buttons-add-text-background-color: $tp-color-action !default;
+$tp-transaction-line-buttons-add-text-text-color: $tp-color-light !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/transaction-line/style/_theme.scss

@@ -3,5 +3,9 @@
     background-color: $tp-transaction-line-background-color;
     border-color: $tp-transaction-line-border-color;
     color: $tp-color-font;
+    .transaction-line-totals-discount {
+      color: $tp-transaction-line-discount-color;
+      background-color: $tp-transaction-line-discount-background-color;
+    }
   }
 }

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

@@ -2,3 +2,16 @@
 @import "./_material-definition";
 @import "./_layout";
 @import "./_theme";
+@import "../../../core/image-display/style/material";
+@import "../../../shared/transaction-article-text/style/material";
+@import "../../../shared/transaction-article-text-overview/style/material";
+@import "../../../transaction-line-side-panel/style/material";
+@import "../../../transaction-line-statusbar/style/material";
+@import "../../../dialog/transaction-line/dialog-transaction-line-commission-code/style/material";
+@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";
+@import "../../../dialog/transaction-line/dialog-transaction-line-warehouse-location/style/material";
+@import "../../../dialog/transaction-line/dialog-transaction-line-supplier/style/material";

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

@@ -2,102 +2,5 @@
 
 @include export-module('co-transaction-overview-line-layout') {
   .co-transaction-overview-line {
-
-    .transaction-line {
-      display: flex;
-      flex-direction: column;
-    }
-    .transaction-line-wrapper {
-      display: flex;
-      flex-direction: row;
-      column-gap: $tp-transaction-line-column-gap;
-    }
-    .transaction-line-extended-wrapper {
-      display: grid;
-      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;
-      .two-column {
-        grid-column: 1 / 3;
-        column-gap: 5px;
-        padding: 0;
-      }
-    }
-    &.preview {
-      .transaction-line-wrapper {
-        align-items: center;
-      }
-    }
-    &:not(.preview) {
-      .transaction-line-wrapper {
-        //min-height: $tp-transaction-line-min-height;
-      }
-    }
-    .transaction-line-stock-wrapper {
-      display: flex;
-      column-gap: 5px;
-    }
-    .transaction-line-stock {
-      display: flex;
-      flex-direction: column;
-      flex-shrink: 0;
-      row-gap: $tp-transaction-line-row-gap;
-      padding: $tp-transaction-line-inner-padding;
-    }
-    &:not(.preview) {
-      .transaction-line-amount {
-        //height: $tp-transaction-line-amount-height;
-      }
-    }
-    .transaction-line-totals {
-      display: grid;
-      grid-template-columns: 100px 100px 100px;
-      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;
-
-      .transaction-line-totals-price {
-        grid-column: 1 / 1;
-        grid-row: 1 / 1;
-      }
-
-      .transaction-line-totals-discount {
-        grid-column: 1 / 1;
-        grid-row: 2 / 2;
-      }
-
-      .transaction-line-totals-amount {
-        grid-column: 2 / 2;
-        grid-row: 1 / 1;
-      }
-
-      .transaction-line-totals-total {
-        grid-column: 3 / 3;
-        grid-row: 1 / 1;
-      }
-    }
-    &.preview {
-      .transaction-line-totals {
-        grid-template-columns: 100px 0 100px;
-      }
-    }
-    //.transaction-line-totals-price-discount {
-    //  display: flex;
-    //  flex-direction: column;
-    //  row-gap: 5px;
-    //}
-    &.is-text {
-      .transaction-line {
-        flex-direction: row;
-        min-height: $tp-transaction-line-article-text-min-height;
-        column-gap: $tp-transaction-line-column-gap;
-      }
-    }
   }
-
-  //.cdk-drop-list-dragging .drag-drop-list:not(.cdk-drag-placeholder) {
-  //  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-  //}
-
 }

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

@@ -1,36 +0,0 @@
-$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: 30px !default;
-$tp-transaction-line-padding: 10px !default;
-$tp-transaction-line-inner-padding: 10px !default;
-$tp-transaction-line-border: 1px solid !default;
-$tp-transaction-line-border-width: 0 0 1px 0 !default;
-$tp-transaction-line-border-color: $tp-color-border !default;
-$tp-transaction-line-image-border: none !default;
-$tp-transaction-line-column-gap: 15px !default;
-$tp-transaction-line-row-gap: 5px !default;
-$tp-transaction-line-image-width: 67px !default;
-$tp-transaction-line-delete-icon-size: 15px !default;
-$tp-transaction-line-preview-image-width: 75px !default;
-$tp-transaction-line-image-height: 50px !default;
-$tp-transaction-line-preview-image-height: 50px !default;
-$tp-transaction-line-amount-height: 50px !default;
-$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: white !default;
-$tp-transaction-line-article-text-color: $tp-color-dark !default;
-$tp-transaction-line-article-menu-icon-color: $tp-color-dark !default;
-$tp-transaction-line-buttons-overview-background-color: #030D3C !default;
-$tp-transaction-line-buttons-overview-text-color: $tp-color-light !default;
-$tp-transaction-line-buttons-add-text-background-color: $tp-color-action !default;
-$tp-transaction-line-buttons-add-text-text-color: $tp-color-light !default;
-$tp-transaction-line-article-text-font-size: $tp-font-size !default;
-$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/transaction-overview-line/style/_theme.scss

@@ -2,32 +2,5 @@
 
 @include export-module('co-transaction-overview-line-theme') {
   .co-transaction-overview-line {
-    background-color: $tp-transaction-line-background-color;
-    border-color: $tp-transaction-line-border-color;
-    color: $tp-color-font;
-    .transaction-line-image {
-      border: $tp-transaction-line-image-border;
-    }
-    .delete-icon {
-      [fill] {
-        fill: $tp-transaction-line-delete-color;
-      }
-    }
-    .delete-link {
-      font-weight: bold;
-      color: $tp-transaction-line-delete-color;
-    }
-    &.is-text {
-      background-color: $tp-transaction-line-article-text-background-color;
-      color: $tp-transaction-line-article-text-color;
-    }
-    .article-text {
-      color: $tp-transaction-line-article-text-font-color;
-      background-color: $tp-transaction-line-background-color;
-    }
-    .transaction-line-totals-discount {
-      color: $tp-transaction-line-discount-color;
-      background-color: $tp-transaction-line-discount-background-color;
-    }
   }
 }

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

@@ -1,14 +1,3 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
-@import "../../../core/image-display/style/material";
-@import "../../../shared/transaction-article-text/style/material";
-@import "../../../shared/transaction-article-text-overview/style/material";
-@import "../../../transaction-line-side-panel/style/material";
-@import "../../../dialog/transaction-line/dialog-transaction-line-commission-code/style/material";
-@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";
-@import "../../../dialog/transaction-line/dialog-transaction-line-warehouse-location/style/material";

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

@@ -1,35 +1,28 @@
-import { OnDestroy, OnInit, SimpleChanges } from "@angular/core";
+import { OnInit } from "@angular/core";
 import { StockStatus } from "@colijnit/transactionapi/build/enum/refcode/stock-status.enum";
 import { TransactionService } from "../../../service/transaction.service";
 import { DictionaryService } from "../../../service/dictionary.service";
 import { IconCacheService } from "../../../service/icon-cache.service";
-import { DialogService } from "../../../service/dialog.service";
 import { TransactionLineActionButtonsComponent } from "../../transaction-line-action-buttons/transaction-line-action-buttons.component";
 import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
-import { Subscription } from "rxjs";
 import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
-export declare class TransactionOverviewLineComponent extends TransactionLinesLineBaseComponent implements OnInit, OnDestroy {
+export declare class TransactionOverviewLineComponent extends TransactionLinesLineBaseComponent implements OnInit {
     service: TransactionService;
     iconCacheService: IconCacheService;
-    private _dialogService;
     private _dictionaryService;
     transactionLineActionButtons: TransactionLineActionButtonsComponent;
     showClass(): boolean;
     handleMouseOver(event: MouseEvent): void;
     handleMouseLeave(event: MouseEvent): void;
-    localAmount: number;
     stock: StockStatus;
     mouseOver: boolean;
     readonly: boolean;
     transactionKind: TransactionKind;
     showDialogVat: boolean;
     showDialogDiscount: boolean;
-    subscriptions: Subscription[];
-    constructor(service: TransactionService, iconCacheService: IconCacheService, _dialogService: DialogService, _dictionaryService: DictionaryService);
-    ngOnChanges(changes: SimpleChanges): void;
+    constructor(service: TransactionService, iconCacheService: IconCacheService, _dictionaryService: DictionaryService);
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    changeLineAmount(amount: number): void;
     handleOpenArticleText(text: string): void;
+    protected transactionLineSet(): void;
     private _loadLineVat;
 }

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

@@ -0,0 +1,7 @@
+@include export-module('co-transaction-purchase-line-layout') {
+  .co-transaction-purchase-line {
+    .transaction-line-extended-wrapper {
+      grid-template-columns: $tp-transaction-line-button-big-width $tp-transaction-line-button-width $tp-transaction-line-button-width $tp-transaction-line-button-big-width;
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-purchase-line-theme') {
+  .co-transaction-purchase-line {
+  }
+}

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

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

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

@@ -0,0 +1,19 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
+import { TransactionService } from "../../../service/transaction.service";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+export declare class TransactionPurchaseLineComponent extends TransactionLinesLineBaseComponent implements OnInit, OnDestroy {
+    service: TransactionService;
+    iconCacheService: IconCacheService;
+    private _transactionEventService;
+    showClass(): boolean;
+    selected: boolean;
+    showDialogDiscount: boolean;
+    showCheckboxForLine: boolean;
+    private _subs;
+    constructor(service: TransactionService, iconCacheService: IconCacheService, _transactionEventService: TransactionEventService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected transactionLineSet(): void;
+}