@colijnit/transaction 12.1.18 → 12.1.21

package/lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-logistics/transaction-purchase-order-filter-content-logistics.module.d.ts

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

package/lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-order/style/_layout.scss

@@ -0,0 +1,2 @@
+@include export-module('co-transaction-purchase-order-filter-content-order-layout') {
+}

package/lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-order/style/_theme.scss

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

package/lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-order/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-order/transaction-purchase-order-filter-content-order.component.d.ts

@@ -0,0 +1,48 @@
+import { FilterItemViewmodel } from "../../../../../model/filter-item.viewmodel";
+import { TransactionService } from "../../../../../service/transaction.service";
+import { TransactionFilterContentBaseComponent } from "../../../../core/base/transaction-filter-content-base.component";
+import { FilterRequestService } from "../../../service/filter-request.service";
+import { TransactionSearchService } from "../../../service/transaction-search.service";
+export declare class TransactionPurchaseOrderFilterContentOrderComponent extends TransactionFilterContentBaseComponent {
+    searchService: TransactionSearchService;
+    filterRequestService: FilterRequestService;
+    transactionService: TransactionService;
+    showClass(): boolean;
+    purchasePersons: FilterItemViewmodel[];
+    purchasePersonsFields: {
+        text: any;
+        value: any;
+    };
+    tags: FilterItemViewmodel[];
+    tagsFields: {
+        text: any;
+        value: any;
+    };
+    branches: FilterItemViewmodel[];
+    branchFields: {
+        text: any;
+        value: any;
+    };
+    onHoldCodes: FilterItemViewmodel[];
+    onHoldCodeFields: {
+        text: any;
+        value: any;
+    };
+    commissionCodes: FilterItemViewmodel[];
+    commissionCodeFields: {
+        text: any;
+        value: any;
+    };
+    transStartDate: Date;
+    transEndDate: Date;
+    deliveryStartDate: Date;
+    deliveryEndDate: Date;
+    constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, transactionService: TransactionService);
+    ngOnInit(): void;
+    private _setRangeDates;
+    private _setPurchasePersons;
+    private _setTags;
+    private _setBranches;
+    private _setOnHoldCodes;
+    private _setCommissionCodes;
+}

package/lib/component/transaction-search/transaction-filter-content/purchase-order-filter-content/transaction-purchase-order-filter-content-order/transaction-purchase-order-filter-content-order.module.d.ts

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

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-article/style/_layout.scss

@@ -0,0 +1,2 @@
+@include export-module('co-transaction-sales-order-filter-content-article-layout') {
+}

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-article/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-sales-order-filter-content-article-theme') {
+  .co-transaction-sales-order-filter-content-article {
+  }
+}

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-article/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-article/transaction-sales-order-filter-content-article.component.d.ts

@@ -0,0 +1,38 @@
+import { FilterItemViewmodel } from "../../../../../model/filter-item.viewmodel";
+import { TransactionService } from "../../../../../service/transaction.service";
+import { TransactionFilterContentBaseComponent } from "../../../../core/base/transaction-filter-content-base.component";
+import { FilterRequestService } from "../../../service/filter-request.service";
+import { TransactionSearchService } from "../../../service/transaction-search.service";
+export declare class TransactionSalesOrderFilterContentArticleComponent extends TransactionFilterContentBaseComponent {
+    searchService: TransactionSearchService;
+    filterRequestService: FilterRequestService;
+    transactionService: TransactionService;
+    showClass(): boolean;
+    exceedanceCodes: FilterItemViewmodel[];
+    exceedanceCodeFields: {
+        text: any;
+        value: any;
+    };
+    turnoverGroups: FilterItemViewmodel[];
+    turnoverGroupFields: {
+        text: any;
+        value: any;
+    };
+    mainArticles: FilterItemViewmodel[];
+    mainArticleFields: {
+        text: any;
+        value: any;
+    };
+    suppliers: FilterItemViewmodel[];
+    supplierFields: {
+        text: any;
+        value: any;
+    };
+    constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, transactionService: TransactionService);
+    ngOnInit(): void;
+    getArticles: (text: string) => Promise<FilterItemViewmodel[]>;
+    private _setExceedanceCodes;
+    private _setTurnoverGroups;
+    private _setMainArticles;
+    private _setSuppliers;
+}

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-article/transaction-sales-order-filter-content-article.module.d.ts

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

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-logistics/style/_layout.scss

@@ -0,0 +1,2 @@
+@include export-module('co-transaction-sales-order-filter-content-logistics-layout') {
+}

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-logistics/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-sales-orderfilter-content-logistics-theme') {
+  .co-transaction-sales-order-filter-content-logistics {
+  }
+}

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-logistics/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-logistics/transaction-sales-order-filter-content-logistics.component.d.ts

@@ -0,0 +1,36 @@
+import { FilterItemViewmodel } from "../../../../../model/filter-item.viewmodel";
+import { TransactionService } from "../../../../../service/transaction.service";
+import { TransactionFilterContentBaseComponent } from "../../../../core/base/transaction-filter-content-base.component";
+import { FilterRequestService } from "../../../service/filter-request.service";
+import { TransactionSearchService } from "../../../service/transaction-search.service";
+export declare class TransactionSalesOrderFilterContentLogisticsComponent extends TransactionFilterContentBaseComponent {
+    searchService: TransactionSearchService;
+    filterRequestService: FilterRequestService;
+    transactionService: TransactionService;
+    showClass(): boolean;
+    deliveryMethods: any[];
+    deliveryMethodFields: {
+        text: any;
+        value: any;
+    };
+    warehouses: FilterItemViewmodel[];
+    warehouseFields: {
+        text: any;
+        value: any;
+    };
+    sourceWarehouses: FilterItemViewmodel[];
+    sourceWarehouseFields: {
+        text: any;
+        value: any;
+    };
+    confirmedDeliveryStartDate: Date;
+    confirmedDeliveryEndDate: Date;
+    arrivalStartDate: Date;
+    arrivalEndDate: Date;
+    constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, transactionService: TransactionService);
+    ngOnInit(): void;
+    private _setRangeDates;
+    private _setDeliveryMethods;
+    private _setWarehouses;
+    private _setSourceWarehouses;
+}

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-logistics/transaction-sales-order-filter-content-logistics.module.d.ts

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

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-order/style/_layout.scss

@@ -0,0 +1,2 @@
+@include export-module('co-transaction-sales-order-filter-content-order-layout') {
+}

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-order/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-sales-order-filter-content-order-theme') {
+  .co-transaction-sales-order-filter-content-order {
+  }
+}

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-order/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-search/{transaction-filter-content-order/transaction-filter-content-order.component.d.ts → transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-order/transaction-sales-order-filter-content-order.component.d.ts}

@@ -1,18 +1,13 @@
-import { OnInit } from "@angular/core";
-import { TransactionSearchViewRequest } from "@colijnit/transactionapi/build/model/transaction-search-view-request";
-import { FilterItemViewmodel } from "../../../model/filter-item.viewmodel";
-import { TransactionService } from "../../../service/transaction.service";
-import { FilterRequestService } from "../service/filter-request.service";
-import { TransactionSearchService } from "../service/transaction-search.service";
-export declare class TransactionFilterContentOrderComponent implements OnInit {
+import { FilterItemViewmodel } from "../../../../../model/filter-item.viewmodel";
+import { TransactionService } from "../../../../../service/transaction.service";
+import { TransactionFilterContentBaseComponent } from "../../../../core/base/transaction-filter-content-base.component";
+import { FilterRequestService } from "../../../service/filter-request.service";
+import { TransactionSearchService } from "../../../service/transaction-search.service";
+export declare class TransactionSalesOrderFilterContentOrderComponent extends TransactionFilterContentBaseComponent {
     searchService: TransactionSearchService;
     filterRequestService: FilterRequestService;
-    private _transactionService;
+    transactionService: TransactionService;
     showClass(): boolean;
-    searchRequest: TransactionSearchViewRequest;
-    searchPlaceholder: string;
-    showMoreLabel: string;
-    showLessLabel: string;
     salesPersons: FilterItemViewmodel[];
     salesPersonsFields: {
         text: any;
@@ -47,11 +42,9 @@ export declare class TransactionFilterContentOrderComponent implements OnInit {
     transEndDate: Date;
     deliveryStartDate: Date;
     deliveryEndDate: Date;
-    constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, _transactionService: TransactionService);
+    constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, transactionService: TransactionService);
     ngOnInit(): void;
-    onFilterButtonClick(): void;
     loadCustomers: (nameFilter: string) => Promise<FilterItemViewmodel[]>;
-    handleCollectionChangeCustomerName(collection: FilterItemViewmodel[]): void;
     private _setRangeDates;
     private _setSalesPersons;
     private _setTags;

package/lib/component/transaction-search/transaction-filter-content/sales-order-filter-content/transaction-sales-order-filter-content-order/transaction-sales-order-filter-content-order.module.d.ts

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

package/lib/component/transaction-search/{transaction-filter-content-order → transaction-filter-content}/style/_layout.scss

@@ -1,7 +1,5 @@
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-filter-content-order-layout') {
-  .co-transaction-filter-content-order {
+@include export-module('cc-transaction-search-filter-content-layout') {
+  .co-transaction-search-filter-content {
     width: $tp-co-transaction-search-filter-width;
 
     .filter-button-container {

package/lib/component/transaction-search/transaction-filter-content/style/_theme.scss

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

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

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-search/transaction-filter-historic-state/style/material.scss

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

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

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-search-grid-layout') {
+  .co-transaction-search-grid {
+  }
+}

package/lib/component/transaction-search/transaction-search-grid/transaction-search-grid/style/_theme.scss

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

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

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

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

@@ -0,0 +1,22 @@
+import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector } from "@angular/core";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
+import { TransactionMappingService } from "../../../../service/transaction-mapping.service";
+import { TransactionSearchService } from "../../service/transaction-search.service";
+export declare class TransactionSearchGridComponent {
+    private _mappingService;
+    private _compFactoryResolver;
+    private appRef;
+    private injector;
+    searchService: TransactionSearchService;
+    set container(content: any);
+    set transactionType(value: TransactionKind);
+    get transactionType(): TransactionKind;
+    transactionClick: EventEmitter<TransactionSearchView>;
+    showClass(): boolean;
+    private _transactionSearchGridContainer;
+    private _transactionType;
+    private _componentRef;
+    constructor(_mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector, searchService: TransactionSearchService);
+    private _prepareContent;
+}

package/lib/component/transaction-search/transaction-search-grid/transaction-search-purchase-order-grid/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-search-purchase-order-grid-layout') {
+  .co-transaction-search-purchase-order-grid {
+  }
+}

package/lib/component/transaction-search/transaction-search-grid/transaction-search-purchase-order-grid/style/_theme.scss

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

package/lib/component/transaction-search/transaction-search-grid/transaction-search-purchase-order-grid/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-search/transaction-search-grid/transaction-search-purchase-order-grid/transaction-search-purchase-order-grid.component.d.ts

@@ -0,0 +1,7 @@
+import { TransactionSearchGridBaseComponent } from "../../../core/base/transaction-search-grid-base.component";
+import { TransactionSearchService } from "../../service/transaction-search.service";
+export declare class TransactionSearchPurchaseOrderGridComponent extends TransactionSearchGridBaseComponent {
+    searchService: TransactionSearchService;
+    showClass(): boolean;
+    constructor(searchService: TransactionSearchService);
+}

package/lib/component/transaction-search/transaction-search-grid/transaction-search-purchase-order-grid/transaction-search-purchase-order-grid.module.d.ts

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

package/lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-search-sales-order-grid-layout') {
+  .co-transaction-search-sales-order-grid {
+  }
+}

package/lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/style/_material-definition.scss

@@ -0,0 +1 @@
+

package/lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-search-sales-order-grid-theme') {
+  .co-transaction-search-sales-order-grid {
+  }
+}

package/lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/transaction-search-sales-order-grid.component.d.ts

@@ -0,0 +1,7 @@
+import { TransactionSearchGridBaseComponent } from "../../../core/base/transaction-search-grid-base.component";
+import { TransactionSearchService } from "../../service/transaction-search.service";
+export declare class TransactionSearchSalesOrderGridComponent extends TransactionSearchGridBaseComponent {
+    searchService: TransactionSearchService;
+    showClass(): boolean;
+    constructor(searchService: TransactionSearchService);
+}

package/lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/transaction-search-sales-order-grid.module.d.ts

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

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

@@ -0,0 +1,83 @@
+@include export-module('cc-transaction-search-header-layout') {
+  .co-transaction-search-header {
+    .transaction-search-header-wrapper {
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+    }
+
+    .upper-header {
+      display: flex;
+      justify-content: flex-end;
+      padding-left: $tp-co-transaction-search-result-upper-header-padding-left;
+
+      .header-buttons-wrapper {
+        display: flex;
+        padding: $tp-co-transaction-search-result-header-buttons-wrapper-padding;
+
+        .button-wrapper {
+          cursor: pointer;
+          align-self: center;
+        }
+      }
+    }
+
+    .toggle-sidebar-button-wrapper {
+      &.sidebar {
+        .toggle-sidebar-button {
+          justify-content: center;
+
+          co-icon {
+            width: $tp-co-transaction-search-result-header-sidebar-button-size;
+            height: $tp-co-transaction-search-result-header-sidebar-button-size;
+          }
+        }
+      }
+
+      .transparent {
+        background-color: transparent;
+      }
+    }
+
+
+    .header-searchbar-wrapper {
+      display: flex;
+      justify-content: center;
+      flex-direction: row;
+    }
+
+    .transaction-search-general {
+
+      co-input-text label,input {
+        margin-left: $tp-co-transaction-search-input-text-label-margin-left !important;
+      }
+
+      &.fullscreen {
+        co-input-text {
+          width: $tp-co-transaction-search-input-text-fullscreen-width;
+          transition: width 0.2s ease-in-out;
+        }
+      }
+
+      &.sidebar {
+        co-input-text {
+          width: $tp-co-transaction-search-input-text-sidebar-width;
+          transition: width 0.2s ease-in-out;
+        }
+      }
+    }
+
+    .transaction-search-filter-button {
+      height: $tp-co-transaction-search-filter-button-size;
+      width: $tp-co-transaction-search-filter-button-size;
+      border-radius: $tp-co-transaction-search-filter-button-border-radius;
+      padding: $tp-co-transaction-search-filter-button-padding;
+      justify-content: center;
+    }
+
+
+    .view-mode-buttons-wrapper {
+      padding: $tp-co-transaction-search-view-modes-wrapper-padding;
+    }
+  }
+}

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

@@ -0,0 +1 @@
+$tp-co-transaction-search-header-input-text-width: 300px !default;

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

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

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

@@ -0,0 +1,5 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../../view-mode-buttons/style/material";
+

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from "@angular/core";
+import { ContentViewMode } from "../../../enum/content-view-mode.enum";
+import { Icon } from "../../../enum/icon.enum";
+import { SearchViewMode } from "../../../enum/search-view-mode.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionSearchService } from "../service/transaction-search.service";
+import { DictionaryService } from "../../../service/dictionary.service";
+export declare class TransactionSearchHeaderComponent {
+    searchService: TransactionSearchService;
+    iconCacheService: IconCacheService;
+    private _dictionary;
+    readonly icon: typeof Icon;
+    readonly contentViewModes: typeof ContentViewMode;
+    readonly searchViewModes: typeof SearchViewMode;
+    iconSlideIn: import("@angular/platform-browser").SafeHtml;
+    iconResize: import("@angular/platform-browser").SafeHtml;
+    iconCancel: import("@angular/platform-browser").SafeHtml;
+    set transactionType(value: string);
+    activeSearchViewMode: SearchViewMode;
+    activeContentViewMode: ContentViewMode;
+    viewModeChange: EventEmitter<ContentViewMode>;
+    filterButtonClick: EventEmitter<void>;
+    resizeClick: EventEmitter<void>;
+    closeClick: EventEmitter<void>;
+    showClass(): boolean;
+    label: string;
+    constructor(searchService: TransactionSearchService, iconCacheService: IconCacheService, _dictionary: DictionaryService);
+    get fullscreen(): boolean;
+    onResizeClick(): void;
+    onCloseClick(): void;
+    onViewModeChange(viewMode: any): void;
+}

package/lib/component/transaction-search/transaction-search-header/transaction-search-header.module.d.ts

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

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

@@ -1,30 +1,24 @@
 @import "../../../../style/mixin";
 
 @include export-module('co-transaction-search-result-layout') {
-  .co-transaction-search {
-    .co-input-text {
-      border: $tp-co-transaction-search-filter-input-border;
-    }
-
-    .transaction-filter-wrapper {
-      //overflow-y: auto;
-      //overflow-x: hidden;
-      min-width: $tp-co-transaction-search-filter-wrapper-min-width;
-      height: $tp-co-transaction-search-filter-wrapper-height;
-    }
-  }
-
   .co-transaction-search-result {
     width: $tp-co-transaction-search-result-width;
 
     .transaction-search-result-content-tiles-wrapper {
       display: flex;
       flex-basis: 100%;
-      justify-content: start;
       flex-wrap: wrap;
       padding: $tp-transaction-tiles-wrapper-padding;
       column-gap: $tp-transaction-tiles-wrapper-column-gap;
       row-gap: $tp-transaction-tiles-wrapper-row-gap;
+
+      &.fullscreen {
+        justify-content: start;
+      }
+
+      &.sidebar {
+        justify-content: center;
+      }
     }
   }
 }

package/lib/component/transaction-search/transaction-search-result/style/_theme.scss

@@ -3,7 +3,7 @@
 @include export-module('co-transaction-search-result-theme') {
   .co-transaction-search-result {
     .transaction-search-filter-button {
-      background-color: $tp-co-transaction-search-filter-button-color;
+      background-color: $tp-co-transaction-filter-button-color;
       cursor: pointer;
     }
   }

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

@@ -1,3 +1,5 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
+@import "../../transaction-search-tile/transaction-search-tile/style/material";
+@import "../../transaction-search-grid/transaction-search-grid/style/material";