@colijnit/transaction 300.1.29 → 300.1.31

package/index.d.ts

@@ -4197,6 +4197,7 @@ declare enum TransactionCfgName {
     TransactionType = "transactionType",
     TransTypeField = "transTypeField",
     SalesStage = "salesStage",
+    RelationOrderDate = "relationOrderDate",
     HeaderPaymentAvatarHeader = "headerPaymentAvatarHeader",
     HeaderPaymentPercentageHeader = "headerPaymentPercentageHeader",
     HeaderPaymentAmountHeader = "headerPaymentAmountHeader",
@@ -4986,8 +4987,12 @@ declare class TransactionTextLineComponent extends TransactionLineBaseComponent
     descriptionDblClick: EventEmitter<void>;
     showClass(): boolean;
     showButtons: boolean;
+    orderLineText: string;
+    orderLineTextExpanded: boolean;
     constructor(orderLineSetService: OrderLineSetService, transactionHeaderService: TransactionHeaderService, transactionLineService: TransactionLineService, transactionEventService: TransactionEventService, iconCacheService: IconCacheService, screenConfigService: TransactionScreenConfigurationService, imageService: TransactionImageService, dictionaryService: DictionaryService, transactionService: TransactionService, changeDetector: ChangeDetectorRef);
     orderLineSetButtonClicked(): void;
+    expandClicked(event: MouseEvent): void;
+    get displayedOrderLineText(): string;
     deleteTransactionLineClick(event: MouseEvent): Promise<void>;
     protected transactionLineSet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionTextLineComponent, never>;
@@ -6622,7 +6627,7 @@ declare class DropShipmentComponent implements OnInit {
 
 declare class DropShipmentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DropShipmentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropShipmentModule, [typeof DropShipmentComponent], [typeof i2.CommonModule, typeof i3.CoDialogModule, typeof i3.FormModule, typeof i3.ButtonModule, typeof CoreModule, typeof PipeModule, typeof i3.IconModule, typeof i3.InputTextModule, typeof i3.InputSearchModule], [typeof DropShipmentComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropShipmentModule, [typeof DropShipmentComponent], [typeof i2.CommonModule, typeof i3.CoDialogModule, typeof i3.FormModule, typeof i3.ButtonModule, typeof CoreModule, typeof PipeModule, typeof i3.IconModule, typeof i3.InputTextModule, typeof i3.InputSearchModule, typeof i3.CarouselModule, typeof i3.FilterPipeModule, typeof RelationAddressTileModule], [typeof DropShipmentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DropShipmentModule>;
 }
 
@@ -11491,19 +11496,23 @@ declare class TransactionSearchComponent implements OnDestroy {
     showFilterButton: boolean;
     showAddTransactionButton: boolean;
     showCollapseButton: boolean;
+    showPresets: boolean;
+    transactionPresetElement: PresetElement;
     set overrideSearchType(kind: TransactionKind);
     set returnSearch(rs: boolean);
     transactionClick: EventEmitter<TransactionSearchView>;
     addTransactionClick: EventEmitter<void>;
     showClass(): boolean;
+    transactionPresetModule: PresetModule;
     private _subs;
     constructor(transactionSearchService: TransactionSearchService, searchViewModeService: SearchViewModeService, _transactionEventService: TransactionEventService, _dictionary: DictionaryService);
     ngOnDestroy(): void;
     onTransactionClick(transaction: TransactionSearchView): void;
     private _scrollToTop;
     onAddClick(): void;
+    searchRequestChange(searchRequest: Object): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionSearchComponent, "co-transaction-search", never, { "draggableTransactions": { "alias": "draggableTransactions"; "required": false; }; "extendedTransactionSearch": { "alias": "extendedTransactionSearch"; "required": false; }; "returnWizardLayout": { "alias": "returnWizardLayout"; "required": false; }; "showSearchInput": { "alias": "showSearchInput"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; "overrideSearchType": { "alias": "overrideSearchType"; "required": false; }; "returnSearch": { "alias": "returnSearch"; "required": false; }; }, { "transactionClick": "transactionClick"; "addTransactionClick": "addTransactionClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionSearchComponent, "co-transaction-search", never, { "draggableTransactions": { "alias": "draggableTransactions"; "required": false; }; "extendedTransactionSearch": { "alias": "extendedTransactionSearch"; "required": false; }; "returnWizardLayout": { "alias": "returnWizardLayout"; "required": false; }; "showSearchInput": { "alias": "showSearchInput"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; "showPresets": { "alias": "showPresets"; "required": false; }; "transactionPresetElement": { "alias": "transactionPresetElement"; "required": false; }; "overrideSearchType": { "alias": "overrideSearchType"; "required": false; }; "returnSearch": { "alias": "returnSearch"; "required": false; }; }, { "transactionClick": "transactionClick"; "addTransactionClick": "addTransactionClick"; }, never, ["*"], false, never>;
 }
 
 declare enum BatchDeliveryCategory {
@@ -13594,7 +13603,7 @@ declare class SearchComponent {
     onAddClick(): void;
     onResetFilterClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "co-search", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; }, { "addClick": "addClick"; "resetFilterClick": "resetFilterClick"; }, never, ["[search-filter-panel]", "[search-header]", "[search-result]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "co-search", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; }, { "addClick": "addClick"; "resetFilterClick": "resetFilterClick"; }, never, ["[search-filter-panel]", "[search-header]", "[search-presets]", "[search-result]", "*"], false, never>;
 }
 
 declare class SearchHeaderButtonsComponent {
@@ -13620,7 +13629,7 @@ declare class SearchHeaderButtonsComponent {
     onFilterButtonClick(): void;
     onViewModeChange(viewMode: ContentViewMode): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchHeaderButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderButtonsComponent, "co-search-header-buttons", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; }, { "addClick": "addClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderButtonsComponent, "co-search-header-buttons", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; }, { "addClick": "addClick"; }, never, ["[search-header-template]", "[search-presets-template]"], false, never>;
 }
 
 declare class SearchHeaderButtonsModule {
@@ -13637,7 +13646,7 @@ declare class SearchFeatureModule {
 
 declare class TransactionSearchModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionSearchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionSearchModule, [typeof TransactionSearchComponent], [typeof i2.CommonModule, typeof i3.InputSearchModule, typeof TransactionSearchResultModule, typeof TransactionSalesOrderFilterModule, typeof TransactionInterBranchOrderFilterModule, typeof TransactionPurchaseOrderFilterModule, typeof TransactionSalesQuotationFilterModule, typeof TransactionCashDeskFilterModule, typeof TransactionServiceOrderFilterModule, typeof TransactionFilterModule, typeof i3.IconCollapseHandleModule, typeof TransactionStatusbarModule, typeof ShippingMethodDialogModule, typeof BatchProcessDialogModule, typeof TransactionDatePickDialogModule, typeof SearchFeatureModule, typeof PipeModule, typeof i18.RouterModule], [typeof TransactionSearchComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionSearchModule, [typeof TransactionSearchComponent], [typeof i2.CommonModule, typeof i3.InputSearchModule, typeof TransactionSearchResultModule, typeof TransactionSalesOrderFilterModule, typeof TransactionInterBranchOrderFilterModule, typeof TransactionPurchaseOrderFilterModule, typeof TransactionSalesQuotationFilterModule, typeof TransactionCashDeskFilterModule, typeof TransactionServiceOrderFilterModule, typeof TransactionFilterModule, typeof i3.IconCollapseHandleModule, typeof TransactionStatusbarModule, typeof ShippingMethodDialogModule, typeof BatchProcessDialogModule, typeof TransactionDatePickDialogModule, typeof SearchFeatureModule, typeof PipeModule, typeof i18.RouterModule, typeof i6.SearchPresetOverviewModule], [typeof TransactionSearchComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionSearchModule>;
 }
 

package/lib/component/add-product/style/_layout.scss

@@ -13,7 +13,7 @@
               .checkbox {
                 border-color: #EAEAF5;
                 background-color: #EAEAF5;
-                .checked {
+                &.checked {
                   border-color: #1a73e8;
                   background-color: #1a73e8;
                 }

package/lib/component/checkout/style/_layout.scss

@@ -24,6 +24,9 @@
       flex-grow: 1;
       flex-shrink: 1;
       max-width: $tp-checkout-max-width;
+      padding: $tp-checkout-stepper-padding;
+      background: $tp-checkout-stepper-background;
+      box-shadow: $tp-checkout-stepper-box-shadow;
     }
     .co-checkout-right-panel {
       display: flex;
@@ -34,6 +37,12 @@
       flex-shrink: 1;
       max-width: $tp-checkout-right-panel-max-width;
       width: 100%;
+      top: $tp-checkout-right-panel-top;
+      position: sticky;
+      align-self: start;
+      background: $tp-checkout-right-panel-background;
+      box-shadow: $tp-checkout-right-panel-box-shadow;
+      padding: $tp-checkout-right-panel-padding;
       .cart-header-label {
         display: none;
       }
@@ -54,6 +63,10 @@
     co-form {
       flex: 1;
       .co-input-text {
+        &:not(.has-left-icon), &:not(.has-right-icon) {
+          background: #f8f8fa;
+        }
+        background: #f8f8fa;
         &:before {
           box-shadow: none;
         }
@@ -66,6 +79,14 @@
           box-shadow: none;
         }
       }
+      .co-relation-type {
+        .co-radio-button {
+          &.selected {
+            background: #1a73e8;
+            color: #FFFFFF;
+          }
+        }
+      }
     }
     .co-shopping-cart-preview {
       min-width: 35%;
@@ -117,9 +138,6 @@
       }
       .search {
         flex-grow: 0.5;
-        .input-wrapper, .co-icon {
-          background-color: $tp-default-background;
-        }
       }
       co-transaction-header-delivery-method {
         max-width: $tp-checkout-transaction-delivery-method-carousel-max-width;
@@ -209,7 +227,7 @@
     .co-checkout {
       .co-stepper-content-wrapper {
         flex-direction: column;
-        gap: 30px;
+        gap: 10px;
       }
       .co-stepper-step {
         max-width: 100%;

package/lib/component/checkout/style/_material-definition.scss

@@ -1,13 +1,20 @@
 $tp-checkout-font-family: $tp-font-family !default;
-$tp-checkout-padding: 30px 0 !default;
-$tp-checkout-column-gap: 30px !default;
+$tp-checkout-padding: 0 0 10px 0 !default;
+$tp-checkout-column-gap: 10px !default;
 $tp-checkout-row-gap: 10px !default;
 $tp-checkout-default-width: 55% !default;
 $tp-checkout-max-width: calc(100% - 450px) !default;
 $tp-checkout-right-panel-max-width: 450px !default;
-$tp-checkout-wrapper-max-width: 1240px !default;
+$tp-checkout-right-panel-top: 120px !default;
+$tp-checkout-right-panel-background: #FFFFFF !default;
+$tp-checkout-right-panel-box-shadow: 0px 2px 5px 2px #0000001a !default;
+$tp-checkout-right-panel-padding: 30px !default;
+$tp-checkout-stepper-padding: 30px !default;
+$tp-checkout-stepper-background: #FFFFFF !default;
+$tp-checkout-stepper-box-shadow: 0px 2px 5px 2px #0000001a !default;
+$tp-checkout-wrapper-max-width: 1440px !default;
 $tp-checkout-right-panel-row-gap: 15px !default;
-$tp-checkout-right-panel-width: 400px !default;
+$tp-checkout-right-panel-width: 300px !default;
 $tp-checkout-right-panel-width: 50% !default;
 $tp-checkout-label-column-font-family: $tp-font-family;
 $tp-checkout-label-fontsize: 12px !default;

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

@@ -94,7 +94,7 @@
       .co-dialog-header-title-icon {
         display: flex;
         align-items: center;
-        gap: 10px;
+        gap: $tp-transaction-header-popup-categories-column-gap;
 
         .co-icon {
           width: 22px;
@@ -159,13 +159,10 @@
           }
         }
       }
-
-
       .transaction-header-popup-category-wrapper {
         height: 100%;
         padding: $tp-transaction-header-popup-category-content-padding;
         overflow-x: hidden;
-
         co-form {
           position: relative;
         }
@@ -192,7 +189,7 @@
     .transaction-header-popup-dialog-header-wrapper {
       display: flex;
       align-items: center;
-      column-gap: 10px;
+      column-gap: $tp-transaction-header-popup-categories-column-gap;
 
       .co-icon {
         height: $tp-transaction-header-popup-dialog-header-icon-size;
@@ -218,13 +215,13 @@
       .service-data-column {
         display: flex;
         flex-direction: column;
-        gap: 10px;
+        gap: $tp-transaction-header-popup-categories-column-gap;
       }
 
       .service-data-row {
         display: flex;
         flex-direction: row;
-        gap: 10px;
+        gap: $tp-transaction-header-popup-categories-column-gap;
         align-items: center;
 
         &.apart {
@@ -234,8 +231,8 @@
 
       .co-input-checkbox {
         .checkbox {
-          border-color: #FFFFFF;
-          background-color: #FFFFFF;
+          border-color: $tp-transaction-header-popup-filter-category-border-color;
+          background-color: $tp-transaction-header-popup-filter-category-border-color;
 
           &.checked {
             border-color: $cc-popup-checkbox-checked-background-color;
@@ -244,7 +241,7 @@
 
           .checkmark {
             &.show {
-              border-color: #FFFFFF;
+              border-color: $tp-transaction-header-popup-filter-category-border-color;
             }
           }
         }
@@ -317,16 +314,19 @@
         }
 
         .checkbox {
-          border-color: #F5F5FC;
-          background-color: #F5F5FC;
+          border-color: $tp-transaction-header-checkbox;
+          background-color: $tp-transaction-header-checkbox;
         }
       }
     }
 
     .co-relation-general {
       .default-data-row {
-        .checkout-prefix-name {
-          width: 55%;
+        .checkout-first-name {
+          flex: 2;
+        }
+        .checkout-prefix-name, relation-customer-titles {
+          flex: 1;
         }
       }
     }
@@ -455,7 +455,7 @@
     .still-top-pay-stats {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
-      grid-gap: 10px;
+      grid-gap: $tp-transaction-header-popup-categories-column-gap;
 
       .payment-item {
         .amount {
@@ -491,7 +491,6 @@
 
       th {
         font-weight: 600;
-
         text-align: right;
 
         &.left {
@@ -631,13 +630,13 @@
     .remove-entry {
       width: fit-content !important;
       margin-right: 15px;
-      color: #FFFFFF;
+      color: $tp-transaction-header-popup-dialog-footer-border-color;
     }
 
     .add-entry {
       width: fit-content !important;
       margin: 15px 0 30px;
-      color: #FFFFFF;
+      color: $tp-transaction-header-popup-dialog-footer-border-color;
     }
 
     .search-input {
@@ -650,26 +649,27 @@
       overflow-y: auto;
     }
 
-    .existing-address {
-      padding: 10px 20px;
-      border: 1px solid rgba(160, 160, 160, 0.3);
-      box-shadow: 0 0 4px 2px rgba(160, 160, 160, 0.2);
-      border-radius: 4px;
-      margin-bottom: 8px;
-      background-color: #FFFFFF;
-      cursor: pointer;
+  }
+  .existing-address {
+    min-width: 150px;
+    padding: 10px 20px;
+    border: 1px solid rgba(160, 160, 160, 0.3);
+    box-shadow: 0 0 4px 2px rgba(160, 160, 160, 0.2);
+    border-radius: 4px;
+    margin-bottom: 8px;
+    background-color: $tp-transaction-header-popup-dialog-footer-border-color;
+    cursor: pointer;
 
-      &:hover {
-        background-color: #F5F5FC;
-      }
+    &:hover {
+      background-color: $tp-transaction-header-checkbox;
+    }
 
-      &.active {
-        color: #FFFFFF;
-        background-color: #1A73E8;
+    &.active {
+      color: $tp-transaction-header-popup-dialog-footer-border-color;
+      background-color: $tp-co-transaction-header-relation-content-empty-color;
 
-        &:hover {
-          background-color: #1A73E8;
-        }
+      &:hover {
+        background-color: $tp-co-transaction-header-relation-content-empty-color;
       }
     }
   }
@@ -731,10 +731,10 @@
 
   .customer-link {
     position: absolute;
-    top: 0;
-    right: 10px;
-    width: 20px;
-    height: 20px;
+    top: $tp-transaction-header-popup-customer-link-top;
+    right: $tp-transaction-header-popup-customer-link-right;
+    width: $tp-transaction-header-popup-customer-link-size;
+    height: $tp-transaction-header-popup-customer-link-size;
     cursor: pointer;
   }
 
@@ -763,7 +763,7 @@
         gap: 30px;
         width: 100%;
         padding: 15px 30px;
-        border: 2px solid #ececec;
+        border: 2px solid $tp-transaction-border-color;
         border-radius: 5px;
         align-items: center;
       }
@@ -781,7 +781,7 @@
         gap: 30px;
         width: 100%;
         padding: 15px 30px;
-        border: 2px solid #ececec;
+        border: 2px solid $tp-transaction-border-color;
         border-radius: 5px;
         align-items: center;
       }
@@ -829,7 +829,7 @@
     }
 
     .label {
-      color: #8083A3;
+      color: $tp-transaction-label-color;
       font-size: 10px;
     }
 
@@ -850,7 +850,7 @@
     .toggle-change {
       font-weight: 600;
       font-style: italic;
-      color: #1a73e8;
+      color: $tp-co-transaction-header-relation-content-empty-color;
       cursor: pointer;
 
       &:hover {

package/lib/component/transaction-header/transaction-header-popup/style/_material-definition.scss

@@ -30,7 +30,7 @@ $tp-transaction-header-popup-category-active-background-color: #fff !default;
 $tp-transaction-header-popup-category-font-color: $tp-color-font !default;
 $tp-transaction-header-popup-category-border-radius: $tp-default-border-radius !default;
 $tp-transaction-header-popup-category-padding: 5px 15px !default;
-$tp-transaction-header-popup-category-content-padding: 0 0 20px 0 !default;
+$tp-transaction-header-popup-category-content-padding: 15px !default;
 $tp-transaction-header-popup-category-margin: 0px !default;
 $tp-transaction-header-popup-category-flex-basis: 50px !default;
 $tp-transaction-header-popup-category-justify-content: center !default;
@@ -52,7 +52,7 @@ $tp-transaction-header-popup-section-label-font-family: $tp-font-family !default
 $tp-transaction-header-popup-section-label-font-size: $tp-font-size !default;
 $tp-transaction-header-popup-section-label-font-weight: 600 !default;
 $tp-transaction-header-popup-section-label-margin: 0 !default;
-$tp-transaction-header-popup-section-general-max-width: 600px !default;
+$tp-transaction-header-popup-section-general-max-width: 100% !default;
 
 $tp-transaction-header-popup-section-grid-row-gap: 10px !default;
 $tp-transaction-header-popup-section-grid-column-gap: 10px !default;
@@ -100,4 +100,11 @@ $tp-transaction-header-popup-filter-category-active-border-color: #1a73e8 !defau
 $tp-transaction-header-popup-filter-category-active-font-color: #1a73e8 !default;
 
 $cc-popup-checkbox-checked-background-color: #1a73e8 !default;
+$tp-transaction-header-popup-customer-link-size: 18px !default;
+$tp-transaction-header-popup-customer-link-top: -10px !default;
+$tp-transaction-header-popup-customer-link-right: 0 !default;
+
+$tp-transaction-header-checkbox: #f5f5fc !default;
+$tp-transaction-border-color: #ececec !default;
+$tp-transaction-label-color: #8083A3 !default;
 

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

@@ -6,6 +6,20 @@
     padding: $tp-transaction-text-line-column-padding;
     .transaction-line-text {
       cursor: pointer;
+      display: flex;
+      flex-direction: column;
+      gap: $tp-transaction-text-line-text-gap;
+      .expand-wrapper {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: $tp-transaction-text-line-text-expand-gap;
+        font-size: $tp-transaction-text-line-text-expand-font;
+        .co-icon {
+          width: $tp-transaction-text-line-text-expand-icon-size;
+          height: $tp-transaction-text-line-text-expand-icon-size;
+        }
+      }
     }
 
     .transaction-line-delete {
@@ -38,8 +52,8 @@
     }
 
     .color-block {
-      height: 20px;
-      width: 5px;
+      height: $tp-transaction-text-line-color-block-height;
+      min-width: $tp-transaction-text-line-color-block-width;
     }
   }
 }

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

@@ -1,3 +1,9 @@
 $tp-transaction-text-line-delete-icon-size: 15px !default;
 $tp-transaction-text-line-column-gap: 15px !default;
 $tp-transaction-text-line-column-padding: 0 0 10px 35px !default;
+$tp-transaction-text-line-text-gap: 3px !default;
+$tp-transaction-text-line-text-expand-gap: 5px !default;
+$tp-transaction-text-line-text-expand-font: $tp-font-size-small !default;
+$tp-transaction-text-line-text-expand-icon-size: 12px !default;
+$tp-transaction-text-line-color-block-height: 20px !default;
+$tp-transaction-text-line-color-block-width: 5px !default;

package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss

@@ -1,78 +1,78 @@
-@include export-module('co-transaction-line-interbranch-receive-goods-layout') {
-  .co-transaction-line-interbranch-receive-goods {
-    .columns-wrapper {
-      display: flex;
-    }
-
-    .co-input-number-picker {
-      width: 140px;
-    }
-
-    .details-column {
-      width: 45%;
-      display: flex;
-      flex-direction: column;
-
-      .transaction-line-totals-amount {
-        margin: 5px;
-      }
-
-      //.amount-number-picker {
-      //  height: 40px;
-      //  margin: 5px;
-      //}
-    }
-
-    .header-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin: $tp-co-transaction-line-receive-goods-title-margin;
-
-      .details-header {
-        font-size: $tp-co-transaction-line-receive-goods-title-font-size;
-        font-weight: bold;
-      }
-    }
-
-    .divider-wrapper {
-      display: flex;
-      width: 10%;
-      justify-content: center;
-      visibility: hidden;
-
-      .divider {
-        border-left: 1px solid;
-        border-color: $tp-color-border;
-        margin: 5px; // $tp-co-transaction-request-details-input-margin;
-      }
-    }
-
-    .details-input {
-      margin: 5px; // $tp-co-transaction-request-details-input-margin;
-    }
-
-    .location-wrapper {
-      position: relative;
-
-      .co-transaction-button {
-        width: auto;
-        margin: 5px;
-      }
-    }
-    .disabled {
-      cursor: default;
-      opacity: 0.6;
-    }
-    .clickable {
-      cursor: pointer;
-    }
-
-    .warehouse-buttons {
-      width: 100%;
-      .co-transaction-button {
-        width: 100%;
-      }
-    }
-  }
-}
+@include export-module('co-transaction-line-interbranch-receive-goods-layout') {
+  .co-transaction-line-interbranch-receive-goods {
+    .columns-wrapper {
+      display: flex;
+    }
+
+    .co-input-number-picker {
+      width: 140px;
+    }
+
+    .details-column {
+      width: 45%;
+      display: flex;
+      flex-direction: column;
+
+      .transaction-line-totals-amount {
+        margin: 5px;
+      }
+
+      //.amount-number-picker {
+      //  height: 40px;
+      //  margin: 5px;
+      //}
+    }
+
+    .header-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: $tp-co-transaction-line-receive-goods-title-margin;
+
+      .details-header {
+        font-size: $tp-co-transaction-line-receive-goods-title-font-size;
+        font-weight: bold;
+      }
+    }
+
+    .divider-wrapper {
+      display: flex;
+      width: 10%;
+      justify-content: center;
+      visibility: hidden;
+
+      .divider {
+        border-left: 1px solid;
+        border-color: $tp-color-border;
+        margin: 5px; // $tp-co-transaction-request-details-input-margin;
+      }
+    }
+
+    .details-input {
+      margin: 5px; // $tp-co-transaction-request-details-input-margin;
+    }
+
+    .location-wrapper {
+      position: relative;
+
+      .co-transaction-button {
+        width: auto;
+        margin: 5px;
+      }
+    }
+    .disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+    .clickable {
+      cursor: pointer;
+    }
+
+    .warehouse-buttons {
+      width: 100%;
+      .co-transaction-button {
+        width: 100%;
+      }
+    }
+  }
+}

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

@@ -1,2 +1,2 @@
-$tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
-$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;
+$tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
+$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;

package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-transaction-line-interbranch-receive-goods-theme') {
-  .co-transaction-line-interbranch-receive-goods {
-  }
-}
+@include export-module('co-transaction-line-interbranch-receive-goods-theme') {
+  .co-transaction-line-interbranch-receive-goods {
+  }
+}

package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss

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