@colijnit/transaction 12.1.46 → 12.1.48

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

@@ -6,8 +6,8 @@ export declare abstract class TransactionLinesLineBaseComponent {
     readonly icons: typeof Icon;
     set line(value: TransactionLineInfo);
     get line(): TransactionLineInfo;
+    transactionId: number;
     waitingForUserAction: EventEmitter<boolean>;
-    sidePanelButtonClicked: EventEmitter<void>;
     showClass(): boolean;
     preview: boolean;
     isSelected: boolean;
@@ -16,4 +16,5 @@ export declare abstract class TransactionLinesLineBaseComponent {
     _line: TransactionLineInfo;
     readonly: boolean;
     lineSet: BehaviorSubject<boolean>;
+    lineVisible: BehaviorSubject<boolean>;
 }

package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-location/dialog-transaction-line-warehouse-location.component.d.ts

@@ -1,5 +1,6 @@
 import { DialogTransactionLineBaseComponent } from "../../../core/base/dialog-transaction-line-base.component";
 export declare class DialogTransactionLineWarehouseLocationComponent extends DialogTransactionLineBaseComponent {
     warehouseNr: number;
+    showClose: boolean;
     showClass(): boolean;
 }

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

@@ -10,10 +10,12 @@ import { TransactionBarButton } from "../../model/transaction-bar-button";
 import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
 import { DynamicComponentService } from "../../service/dynamic-component.service";
 import { RelationAnyType } from "../../model/relation-any-type";
+import { TransactionEventService } from "../../service/transaction-event.service";
 export declare class TransactionComponent implements OnDestroy {
     iconCacheService: IconCacheService;
     private _service;
-    private dynamicComponentService;
+    private _dynamicComponentService;
+    private _transactionEventService;
     readonly viewModes: typeof ContentViewMode;
     readonly icons: typeof Icon;
     relation: RelationAnyType;
@@ -32,7 +34,7 @@ export declare class TransactionComponent implements OnDestroy {
     private _subs;
     private _transaction;
     private _transactionId;
-    constructor(iconCacheService: IconCacheService, _service: TransactionService, dynamicComponentService: DynamicComponentService);
+    constructor(iconCacheService: IconCacheService, _service: TransactionService, _dynamicComponentService: DynamicComponentService, _transactionEventService: TransactionEventService);
     ngOnDestroy(): void;
     addDiscount(): void;
     saveTransactionLine(transactionAddTextLineRequest: TransactionAddTextLineRequest): void;

package/lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.component.d.ts

@@ -29,7 +29,6 @@ export declare class TransactionReceivedGoodsGridComponent extends TransactionGr
     handleDropDownSelected(warehouseNr: number): Promise<void>;
     getRowViewModel(row: TransactionLineInfo): ReceiveGoodsViewModel;
     handleReceiveSelectedPurchaseOrders(value: {
-        checkboxValue: boolean;
         date: Date;
         id: string;
     }): void;
@@ -38,5 +37,4 @@ export declare class TransactionReceivedGoodsGridComponent extends TransactionGr
         transactionLine: TransactionLineInfo;
         goodsReceiptStatus: GoodsReceiptStatusWithHistory;
     }): void;
-    openWarehouseLocationDialog(line: TransactionLineInfo): Promise<any>;
 }

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

@@ -8,6 +8,7 @@
       .transaction-line-image-and-description-wrapper {
         display: flex;
         width: max-content;
+        align-items: center;
       }
     }
     .transaction-base-line-section {
@@ -37,7 +38,7 @@
       height: $tp-transaction-line-amount-height;
     }
     .transaction-line-checkbox {
-      align-self: center;
+      place-self: center;
     }
     .transaction-line-totals-price, .transaction-line-totals-discount, .transaction-line-totals-amount, .transaction-line-totals-total {
       display: flex;
@@ -64,6 +65,16 @@
         width: 20px;
       }
     }
+    .fully-delivered {
+      border-color: #e4f9f3;
+      background-color: #e5f9f3;
+      color: #5fdcb3;
+    }
+    .partially-delivered {
+      border-color: #fde6db;
+      background-color: #feece3;
+      color: #f8854c;
+    }
     &.preview {
       .transaction-line-wrapper {
         align-items: center;

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

@@ -1,15 +1,18 @@
 import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
 import { IconCacheService } from "../../../service/icon-cache.service";
 import { TransactionService } from "../../../service/transaction.service";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TransactionEventService } from "../../../service/transaction-event.service";
 export declare class TransactionBaseLineComponent extends TransactionLinesLineBaseComponent {
     service: TransactionService;
     iconCacheService: IconCacheService;
+    private _transactionEventService;
     checkbox: boolean;
     checkboxValue: boolean;
     actionButtons: boolean;
     showClass(): boolean;
-    constructor(service: TransactionService, iconCacheService: IconCacheService);
+    constructor(service: TransactionService, iconCacheService: IconCacheService, _transactionEventService: TransactionEventService);
     deleteTransactionLineClick(): Promise<void>;
-    handleShowSidePanel(): void;
+    handleShowSidePanel(line: TransactionLineInfo): void;
     handleCheckboxValueChanged(): void;
 }

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

@@ -3,6 +3,7 @@ import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction
 import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
 import { TransactionMappingService } from "../../../service/transaction-mapping.service";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { ReceiveGoodViewModel } from "../../../model/receive-good-view-model";
 export declare class TransactionLineComponent {
     private _mappingService;
     private _compFactoryResolver;
@@ -15,9 +16,10 @@ export declare class TransactionLineComponent {
     get activeCategory(): TransactionTypeCategory;
     preview: boolean;
     selected: boolean;
-    line: TransactionLineInfo;
+    line: TransactionLineInfo | ReceiveGoodViewModel;
+    transactionId: number;
     waitingForUserAction: EventEmitter<boolean>;
-    sidePanelButtonClicked: EventEmitter<void>;
+    lineVisible: EventEmitter<void>;
     showClass(): boolean;
     private _transactionLineContainer;
     private _transactionType;

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

@@ -47,18 +47,6 @@
     ". . . . . .";
     }
 
-    .fully-delivered {
-      border-color: #e4f9f3;
-      background-color: #e5f9f3;
-      color: #5fdcb3;
-    }
-
-    .partially-delivered {
-      border-color: #fde6db;
-      background-color: #feece3;
-      color: #f8854c;
-    }
-
     .discount {
       background-color: #f5f5fc;
     }

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

@@ -11,8 +11,8 @@ export declare class TransactionOrderDeliveryLineComponent extends TransactionLi
     selected: boolean;
     private _subscriptions;
     showClass(): boolean;
-    changeLineAmount(amount: number): void;
     constructor(service: TransactionService, _transactionEventService: TransactionEventService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    changeLineAmount(amount: number): void;
 }

package/lib/component/transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service.d.ts

@@ -0,0 +1,15 @@
+import { TransactionService } from "../../../../service/transaction.service";
+import { TransactionEventService } from "../../../../service/transaction-event.service";
+import { ReceiveGoodViewModel } from "../../../../model/receive-good-view-model";
+export declare class TransactionReceiveGoodsService {
+    private _transactionService;
+    private _transactionEventService;
+    lines: ReceiveGoodViewModel[];
+    private _subscriptions;
+    constructor(_transactionService: TransactionService, _transactionEventService: TransactionEventService);
+    handleReceiveSelectedPurchaseOrders(value: {
+        date: Date;
+        id: string;
+    }): void;
+    private _handleAfterCommitReceivedOrders;
+}

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

@@ -0,0 +1,37 @@
+@include export-module('cc-transaction-receive-goods-line-layout') {
+  .co-transaction-receive-goods-line {
+    font-family: 'Public sans';
+
+    .line-content-wrapper {
+      display: grid;
+      grid-template-columns:
+        $tp-transaction-line-button-width
+        $tp-transaction-line-button-width
+        $tp-transaction-line-button-width
+        $tp-transaction-line-button-width
+        90px
+        30px
+        $tp-transaction-line-button-width;
+      grid-template-rows: $tp-transaction-line-button-height;
+      gap: 0 10px;
+      grid-template-areas:
+    ". . . . . . .";
+      padding: 8px;
+    }
+
+    .print-button {
+      display: flex;
+      align-items: center;
+      padding: 0px 9px;
+      border: 1px solid #8a8f8f;
+      border-radius: 9px;
+      width: 55px;
+      justify-content: space-between;
+
+      co-icon {
+        width: 17px;
+        height: 17px;
+      }
+    }
+  }
+}

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
+import { Icon } from "../../../enum/icon.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+import { TransactionReceiveGoodsService } from "./service/transaction-receive-goods.service";
+import { ReceiveGoodViewModel } from "../../../model/receive-good-view-model";
+export declare class TransactionReceiveGoodsLineComponent extends TransactionLinesLineBaseComponent implements OnInit, OnDestroy {
+    iconCacheService: IconCacheService;
+    service: TransactionService;
+    private _transactionService;
+    private _transactionEventService;
+    private _transactionReceiveGoodsService;
+    readonly icons: typeof Icon;
+    allowPartialDelivery: boolean;
+    viewModel: ReceiveGoodViewModel;
+    showClass(): boolean;
+    private _subscriptions;
+    constructor(iconCacheService: IconCacheService, service: TransactionService, _transactionService: TransactionService, _transactionEventService: TransactionEventService, _transactionReceiveGoodsService: TransactionReceiveGoodsService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _initViewModel;
+    handleRowVisible(): Promise<void>;
+    changeLineAmount(amount: number): void;
+    handleLineClicked(mouseClick: any): void;
+}

package/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line.module.d.ts

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

package/lib/component/transaction-line-fields/transaction-line-warehouse-button.component.d.ts

@@ -7,6 +7,7 @@ export declare class TransactionLineWarehouseButtonComponent {
     private _dialogService;
     readonly icons: typeof Icon;
     line: TransactionLineInfo;
+    readonly: boolean;
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService, _dialogService: DialogService);
     openWarehouseDialog(): void;

package/lib/component/transaction-line-fields/transaction-line-warehouse-location-button.component.d.ts

@@ -0,0 +1,14 @@
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { DialogService } from "../../service/dialog.service";
+import { ReceiveGoodViewModel } from "../../model/receive-good-view-model";
+export declare class TransactionLineWarehouseLocationButtonComponent {
+    iconCacheService: IconCacheService;
+    private _dialogService;
+    readonly icons: typeof Icon;
+    line: ReceiveGoodViewModel;
+    readonly: boolean;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, _dialogService: DialogService);
+    openWarehouseLocationDialog(line: ReceiveGoodViewModel): void;
+}

package/lib/component/transaction-line-fields/transaction-line-warehouse-location-button.module.d.ts

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

package/lib/component/transaction-line-fields/transaction-line-warehouse-location.component.d.ts

@@ -9,5 +9,5 @@ export declare class TransactionLineWarehouseLocationComponent extends Transacti
     protected propsForLabel: string[];
     constructor(_articleService: ArticleService);
     ngOnInit(): void;
-    commit(locationNr: number): Promise<boolean>;
+    commit(locationNr: string): Promise<boolean>;
 }

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

@@ -6,5 +6,6 @@
 @import "../../../component/transaction-line-image-and-description/style/material";
 @import "../../../component/transaction-line/transaction-line/style/material";
 @import "../../../component/transaction-line/transaction-order-delivery-line/style/material";
+@import "../../../component/transaction-line/transaction-receive-goods-line/style/material";
 @import "../../shared/transaction-article-text/style/material";
 @import "../../shared/transaction-article-text-overview/style/material";

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

@@ -9,25 +9,31 @@ import { TransactionService } from "../../service/transaction.service";
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
 import { TransactionMappingService } from "../../service/transaction-mapping.service";
+import { DialogService } from "../../service/dialog.service";
+import { TransactionReceiveGoodsService } from "../transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service";
 export declare class TransactionLinesComponent {
     iconCacheService: IconCacheService;
     service: TransactionService;
     private _mappingService;
+    private _dialogService;
+    private _receiveGoodsService;
     readonly icons: typeof Icon;
     transactionArticleText: TransactionArticleTextComponent;
     transactionInfo: TransactionInfo;
     transactionLines: TransactionLineInfo[];
+    transactionId: number;
     preview: boolean;
-    activeCategory: TransactionTypeCategory;
+    set activeCategory(value: TransactionTypeCategory);
+    get activeCategory(): TransactionTypeCategory;
     saveTransactionLine: EventEmitter<TransactionAddTextLineRequest>;
-    showSidePanelClicked: EventEmitter<TransactionLineInfo>;
     showClass(): boolean;
     showTransactionArticleText: boolean;
     selectedArticleText: TransactionLineInfo;
     textToEdit: string;
     userActionRequired: boolean;
     selectedTransactionLine: TransactionLineInfo;
-    constructor(iconCacheService: IconCacheService, service: TransactionService, _mappingService: TransactionMappingService);
+    private _activeCategory;
+    constructor(iconCacheService: IconCacheService, service: TransactionService, _mappingService: TransactionMappingService, _dialogService: DialogService, _receiveGoodsService: TransactionReceiveGoodsService);
     trackByFn(index: number, line: TransactionLineInfo): any;
     handleCanDragDrop(drag: CdkDrag, drop: CdkDropList): boolean;
     handleDrop(event: CdkDragDrop<TransactionLineInfo[]>): void;
@@ -35,8 +41,8 @@ export declare class TransactionLinesComponent {
     handleTransactionArticleText(event: MouseEvent): void;
     closeTransactionArticleText(event: MouseEvent): void;
     saveTransactionArticleLineText(transactionLine: TransactionAddTextLineRequest): void;
-    handleShowSidePanelClicked(line: TransactionLineInfo): void;
     transactionLineComponent(): boolean;
     private _showArticleTextDialog;
     private _hideArticleTextDialog;
+    private _handleCategory;
 }

package/lib/component/transaction-quick-access/transaction-quick-access-order-delivery/style/_layout.scss

@@ -34,13 +34,13 @@
         justify-content: center;
         cursor: pointer;
 
-        .send-icon {
+        .button-icon {
           height: 20px;
           width: 20px;
           margin: 0 0 5px 0;
         }
 
-        .send-title {
+        .button-title {
           font-size: 10px;
           font-family: 'Public sans';
         }

package/lib/component/transaction-quick-access/transaction-quick-access-received-goods/style/_layout.scss

@@ -5,5 +5,64 @@
     display: flex;
     column-gap: 10px;
     align-items: center;
+
+    .buttons {
+      display: flex;
+
+      .receive {
+        display: flex;
+        flex-direction: column;
+        margin-right: 10px;
+
+        .button-icon {
+          margin-bottom: 5px;
+        }
+      }
+
+      .print {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+
+        .button-icon {
+          margin-left: 3px;
+        }
+      }
+    }
+
+    .dots-wrapper {
+      display: flex;
+      margin-right: 3px;
+
+      .dot {
+        width: 8px;
+        height: 8px;
+        background-color: black;
+        border-radius: 16px;
+        transform: scale(0.3);
+      }
+    }
+
+    .button-wrapper {
+      background: #f5f5fc;
+      border-radius: 10px;
+      padding: 5px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      width: 65px;
+
+      .button-icon {
+        height: 20px;
+        width: 20px;
+      }
+
+      .button-title {
+        font-size: 10px;
+        font-family: 'Public sans';
+      }
+    }
   }
 }

package/lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.component.d.ts

@@ -1,27 +1,29 @@
-import { EventEmitter, OnInit, OnDestroy } from "@angular/core";
+import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
 import { TransactionEventService } from "../../../service/transaction-event.service";
 import { TransactionService } from "../../../service/transaction.service";
-export declare class TransactionQuickAccessReceivedGoodsComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { Icon } from "../../../enum/icon.enum";
+export declare class TransactionQuickAccessReceivedGoodsComponent extends TransactionBaseComponent implements OnInit {
+    iconService: IconCacheService;
     private _transactionService;
     private _transactionEventService;
+    readonly icons: typeof Icon;
     commitDate: Date;
     commitReferenceId: string;
     packingSlipId: string;
+    localCheckboxState: boolean;
     checkboxValueChanged: EventEmitter<{
         checkboxValue: boolean;
         date: Date;
         id: string;
     }>;
     showClass(): boolean;
-    commitCheckboxState: boolean;
-    private _subscriptions;
-    constructor(_transactionService: TransactionService, _transactionEventService: TransactionEventService);
+    constructor(iconService: IconCacheService, _transactionService: TransactionService, _transactionEventService: TransactionEventService);
     ngOnInit(): void;
-    ngOnDestroy(): void;
     handleCommitEvent(value: {
-        checkboxValue: boolean;
         date: Date;
         id: string;
     }): void;
+    handleSelectAllLines(value: boolean): void;
 }

package/lib/component/transaction-receiving-goods-details/style/_layout.scss

@@ -9,7 +9,9 @@
 
     .details-header {
       font-size: $tp-co-transaction-receiving-goods-details-title-font-size;
+      font-weight: bold;
       margin: $tp-co-transaction-receiving-goods-details-title-margin;
+      color: #6E7694;
     }
 
     .columns-wrapper {
@@ -36,6 +38,7 @@
     }
 
     .location-wrapper {
+      position: relative;
       cursor: pointer;
       display: flex;
       align-items: center;
@@ -45,10 +48,48 @@
       background-color: $tp-transaction-line-discount-background-color;
       padding-left: 6px;
       margin-bottom: 20px;
+
+      co-icon {
+        margin-right: 15px;
+      }
+
+      .required {
+        position: absolute;
+        right: 7px;
+        top: 7px;
+        color: #c13c3c;
+      }
     }
-  }
 
-  .clickable {
-    cursor: pointer;
+    .receive-button-wrapper {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+
+      .receive-button {
+        display: flex;
+        width: 125px;
+        height: 35px;
+        background: #f5f5fa;
+        align-items: center;
+        justify-content: center;
+        border-radius: 11px;
+
+        .receive-text {
+          font-size: 12px;
+          font-weight: bold;
+          color: #7d81a1;
+        }
+      }
+    }
+
+    .disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+
+    .clickable {
+      cursor: pointer;
+    }
   }
 }

package/lib/component/transaction-receiving-goods-details/style/_material-definition.scss

@@ -1,3 +1,3 @@
-$tp-co-transaction-receiving-goods-details-title-font-size: 1.2em !default;
+$tp-co-transaction-receiving-goods-details-title-font-size: 14px !default;
 $tp-co-transaction-receiving-goods-details-title-margin: 0 0 10px 0 !default;
 $tp-co-transaction-receiving-goods-details-input-margin: 0 0 25px 0 !default;

package/lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.component.d.ts

@@ -6,11 +6,15 @@ import { ReceiveGoodsForPurchaseOrderRequest } from "@colijnit/transactionapi/bu
 import { TransactionService } from "../../service/transaction.service";
 import { ArticleService } from "../../service/article.service";
 import { DialogService } from "../../service/dialog.service";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
 export declare class TransactionReceivingGoodsDetailsComponent {
+    iconCacheService: IconCacheService;
     private _formMaster;
     private _service;
     private _articleService;
     private _dialogService;
+    readonly icons: typeof Icon;
     set amountLeftToReceive(value: number);
     transactionId: number;
     set transactionLine(value: TransactionLineInfo);
@@ -26,11 +30,11 @@ export declare class TransactionReceivingGoodsDetailsComponent {
     readonly: boolean;
     private _transactionLine;
     private _amountLeftToReceive;
-    constructor(_formMaster: FormMasterService, _service: TransactionService, _articleService: ArticleService, _dialogService: DialogService);
+    constructor(iconCacheService: IconCacheService, _formMaster: FormMasterService, _service: TransactionService, _articleService: ArticleService, _dialogService: DialogService);
     submit(): boolean;
     locationRequired(): boolean;
     handleSaveDetailsEdit(): void;
     handleCancelDetailsEdit(): void;
     handleDropDownSelected(warehouseNr: number): Promise<void>;
-    openWarehouseLocationDialog(): Promise<any>;
+    openWarehouseLocationDialog(): void;
 }

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

@@ -4,5 +4,6 @@
 @import "../transaction-search-header/style/material";
 @import "../transaction-filter/transaction-filter/style/material";
 @import "../transaction-search-result/style/material";
+@import "../transaction-search-tile/transaction-statusbar/style/material";
 @import "~@colijnit/corecomponents_v12/lib/components/pagination/style/material";
 

package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_layout.scss

@@ -29,6 +29,12 @@
         font-size: $tp-transaction-tile-header-font-size;
       }
 
+      .text {
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+      }
+
       co-avatar {
         width: $tp-transaction-tile-avatar-width;
         height: $tp-transaction-tile-avatar-height;

package/lib/component/transaction-search/transaction-search-tile/transaction-statusbar/style/_layout.scss

@@ -0,0 +1,10 @@
+@include export-module('co-transaction-statusbar-layout') {
+  .co-transaction-statusbar {
+    .co-statusbar-wrapper {
+      .statuses {
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+  }
+}

package/lib/component/transaction-search/transaction-search-tile/transaction-statusbar/style/_material-definition.scss

@@ -0,0 +1 @@
+

package/lib/component/transaction-search/transaction-search-tile/transaction-statusbar/style/_theme.scss

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

package/lib/component/transaction-search/transaction-search-tile/transaction-statusbar/style/material.scss

@@ -0,0 +1,3 @@
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";