@colijnit/transaction 12.1.86 → 12.1.88

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

@@ -22,6 +22,16 @@
       flex-wrap: wrap-reverse;
       .transaction-lines-header-item {
         flex-basis: 30%;
+        &.right {
+          display: flex;
+          column-gap: $tp-transaction-transaction-lines-header-column-gap;
+          align-items: center;
+          justify-content: flex-end;
+        }
+      }
+      .transaction-sales-avatar {
+        height: 30px;
+        width: 30px;
       }
     }
     &.show-quick-access, &.show-button-bar {

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

@@ -5,3 +5,4 @@ $tp-transaction-transaction-lines-header-padding: 20px 0 !default;
 
 $tp-transaction-padding: 20px !default;
 $tp-transaction-transaction-lines-header-padding: 20px !default;
+$tp-transaction-transaction-lines-header-column-gap: 20px !default;

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

@@ -3,5 +3,8 @@
     .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;
     }
+    .navigation-button-wrapper {
+      width: auto;
+    }
   }
 }

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

@@ -11,11 +11,11 @@ export declare class TransactionPurchaseLineComponent extends TransactionBaseCom
     readonly category: typeof TransactionTypeCategory;
     showClass(): boolean;
     selected: boolean;
-    showDialogDiscount: boolean;
     showCheckboxForLine: boolean;
     private _subs;
     constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _transactionEventService: TransactionEventService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    handlePurchaseOrderNavigation(event: MouseEvent): void;
     protected transactionLineSet(): void;
 }

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

@@ -5,7 +5,6 @@ import { TransactionEventService } from "../../../service/transaction-event.serv
 import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
-import { ExtendedTransactionLineViewModel } from "../../../model/extended-transaction-line-view-model";
 import { GetPurchasePortalLine } from "@colijnit/transactionapi/build/model/get-purchase-portal-line";
 import { PurchasePortalFilters } from "@colijnit/transactionapi/build/model/purchase-portal-filters.bo";
 import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
@@ -18,7 +17,6 @@ export declare class TransactionPurchaseOrderLineComponent extends TransactionBa
     showDialogDiscount: boolean;
     showCheckboxForLine: boolean;
     transactionKind: TransactionKind;
-    viewModel: ExtendedTransactionLineViewModel;
     getPurchasePortalLine: GetPurchasePortalLine;
     purchasePortalFilter: PurchasePortalFilters;
     purchasePortalLines: PurchasePortalLine[];

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

@@ -1,12 +1,10 @@
 import { Icon } from "../../enum/icon.enum";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { IconCacheService } from "../../service/icon-cache.service";
-import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
 export declare class TransactionLineDeliveryDateButtonComponent {
     iconCacheService: IconCacheService;
     readonly icons: typeof Icon;
     transactionLine: TransactionLineInfo;
-    purchasePortalLine: PurchasePortalLine;
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService);
 }

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

@@ -8,5 +8,4 @@ export declare class TransactionLineDiscountButtonComponent extends TransactionB
     showDialogDiscount: boolean;
     constructor(transactionService: TransactionService, _dictionaryService: DictionaryService);
     handleShowDialog(event: MouseEvent): Promise<void>;
-    transactionLineSet(): Promise<void>;
 }

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

@@ -0,0 +1,10 @@
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
+export declare class TransactionPurchasePortalLineConfirmedDeliveryDateComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    purchasePortalLine: PurchasePortalLine;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService);
+}

package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.module.d.ts

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

package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.component.d.ts

@@ -0,0 +1,13 @@
+import { InputTextComponent } from "@colijnit/corecomponents_v12";
+import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
+export declare class TransactionPurchasePortalLineConfirmedPriceComponent {
+    showLabel: boolean;
+    defaultEditMode: boolean;
+    set editMode(value: boolean);
+    purchasePortalLine: PurchasePortalLine;
+    get editMode(): boolean;
+    showClass: boolean;
+    input: InputTextComponent;
+    private _editMode;
+    constructor();
+}

package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.module.d.ts

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

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

@@ -0,0 +1,10 @@
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
+export declare class TransactionPurchasePortalLineDeliveryDateComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    purchasePortalLine: PurchasePortalLine;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService);
+}

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

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

package/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.component.d.ts

@@ -0,0 +1,13 @@
+import { InputTextComponent } from "@colijnit/corecomponents_v12";
+import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
+export declare class TransactionPurchasePortalLineGrossOrderPriceComponent {
+    showLabel: boolean;
+    defaultEditMode: boolean;
+    set editMode(value: boolean);
+    purchasePortalLine: PurchasePortalLine;
+    get editMode(): boolean;
+    showClass: boolean;
+    input: InputTextComponent;
+    private _editMode;
+    constructor();
+}

package/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.module.d.ts

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

package/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.component.d.ts

@@ -0,0 +1,13 @@
+import { InputTextComponent } from "@colijnit/corecomponents_v12";
+import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
+export declare class TransactionPurchasePortalLineNetOrderPriceComponent {
+    showLabel: boolean;
+    defaultEditMode: boolean;
+    set editMode(value: boolean);
+    purchasePortalLine: PurchasePortalLine;
+    get editMode(): boolean;
+    showClass: boolean;
+    input: InputTextComponent;
+    private _editMode;
+    constructor();
+}

package/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.module.d.ts

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

package/lib/component/transaction-navigation-button/style/_layout.scss

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

package/lib/component/transaction-navigation-button/style/_theme.scss

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

package/lib/component/transaction-navigation-button/style/material.scss

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

package/lib/component/transaction-navigation-button/transaction-navigation-button.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class TransactionNavigationButtonComponent {
+    iconService: IconCacheService;
+    readonly icons: typeof Icon;
+    set label(value: string | number);
+    get buttonLabel(): string;
+    buttonClicked: EventEmitter<MouseEvent>;
+    showClass(): boolean;
+    private _label;
+    constructor(iconService: IconCacheService);
+}

package/lib/component/transaction-navigation-button/transaction-navigation-button.module.d.ts

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

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

@@ -5,5 +5,23 @@
     display: flex;
     column-gap: 10px;
     align-items: center;
+    .button-wrapper {
+      position: relative;
+      background: $tp-default-background-accent;
+      border-radius: 10px;
+      padding: 5px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      width: 65px;
+      height: 40px;
+
+      .button-icon {
+        height: 20px;
+        width: 20px;
+      }
+    }
   }
 }

package/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.component.d.ts

@@ -10,5 +10,5 @@ export declare class TransactionQuickAccessOrderPurchaseComponent extends Transa
     showLoader: boolean;
     constructor(service: TransactionService, _transactionEventService: TransactionEventService);
     handleSelectAllLines(value: boolean): void;
-    handleSend(event: MouseEvent): void;
+    handleSend(event: MouseEvent): Promise<void>;
 }

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

@@ -13,5 +13,5 @@ export declare class TransactionReceivingGoodsHistoryComponent {
     showClass(): boolean;
     private _goodsReceiptHistory;
     constructor(_service: TransactionService);
-    handleDeleteSelectedRow(row: LogisticalStateDetail): void;
+    handleDeleteSelectedRow(row: LogisticalStateDetail): Promise<void>;
 }

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

@@ -5,81 +5,5 @@
     font-family: $tp-co-transaction-search-font-family;
     font-size: $tp-co-transaction-search-font-size;
     display: block;
-    .transaction-search-main-wrapper {
-      display: flex;
-      width: 100%;
-      height: 100%;
-    }
-    .transaction-search-wrapper {
-      display: flex;
-      &.fullscreen {
-        width: 100%;
-        transition: width 0.2s ease-in-out;
-      }
-      &.sidebar {
-        width: $cc-co-transaction-searchbar-width;
-        transition: all 0.2s ease-in-out;
-        &.collapsed {
-          transform: translate(-$cc-co-transaction-searchbar-width);
-          width: 0;
-          height: 0;
-        }
-        &.expanded {
-          transform: translate(0);
-        }
-      }
-    }
-    .transaction-filter-wrapper {
-      display: flex;
-      min-width: $search-filter-wrapper-min-width;
-      &.sidebar {
-        position: absolute;
-        left: 0;
-        transition: left 0.2s ease-in-out;
-        z-index: 2;
-        background: #FFF;
-        min-width: $search-filter-wrapper-sidebar-min-width;
-      }
-      &.fullscreen {
-        position: relative;
-        left: 0;
-        transition: left 0.2s ease-in-out;
-      }
-    }
-    .transaction-search-result-wrapper {
-      display: flex;
-      overflow-y: auto;
-      flex-basis: 100%;
-      justify-content: flex-start;
-      padding: $tp-co-transaction-search-result-wrapper-padding;
-    }
-    .transaction-search-content-wrapper {
-      display: block;
-      width: 100%;
-      &.fullscreen {
-        display: none;
-      }
-    }
-    & > co-icon-collapse-handle {
-      position: absolute;
-      flex-shrink: 0;
-      top: 50vh;
-      &.fullscreen {
-        opacity: 0;
-      }
-      &.sidebar {
-        transition: all 0.2s ease-in-out;
-        &.collapsed {
-          opacity: 0;
-          transform: translate(0) rotate(90deg);
-        }
-        &.expanded {
-          opacity: 1;
-          transition-delay: 0.2s;
-          transition-property: opacity;
-          transform: translate($cc-co-transaction-searchbar-width - 17px) rotate(90deg);
-        }
-      }
-    }
   }
 }

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

@@ -1,30 +1,6 @@
 $tp-co-transaction-search-font-family: $tp-font-family !default;
 $tp-co-transaction-search-font-size: $tp-font-size !default;
 $cc-co-transaction-search-background-color: $cc-color-light !default;
-$cc-co-transaction-search-border-color: $tp-color-border !default;
-$cc-co-transaction-search-border-style: solid 1px !default;
 $cc-co-transaction-search-max-height: 100vh !default;
-
-$cc-co-transaction-searchbar-width: 370px !default;
-
-$search-filter-wrapper-min-width: 360px !default;
-$search-filter-wrapper-sidebar-min-width: 370px !default;
-
-$tp-co-transaction-search-result-header-search-button-wrapper-column-gap: 10px !default;
-
-$tp-co-transaction-search-result-width: 100% !default;
-$tp-co-transaction-search-result-wrapper-padding: 0 10px !default;
-$tp-co-transaction-search-result-upper-header-padding-left: 27px !default;
-$tp-co-transaction-search-result-upper-header-height: 20px !default;
-$tp-co-transaction-search-result-header-buttons-wrapper-padding: 0 !default;
-$tp-co-transaction-search-result-header-sidebar-button-size: 15px !default;
-$tp-co-transaction-search-filter-button-icon-size: 20px !default;
-
-$tp-co-transaction-search-result-header-sidebar-icon-size: 15px !default;
 $tp-co-transaction-search-result-header-sidebar-button-color: $tp-color-label !default;
-$tp-co-transaction-search-result-header-sidebar-close-button-size: 15px !default;
-$tp-co-transaction-search-result-header-sidebar-close-button-color: $tp-color-label !default;
-
-$tp-co-transaction-search-view-modes-wrapper-padding: 0 35px !default;
-
 

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

@@ -1,10 +1,8 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
-@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 "../transaction-search-tile/transaction-search-tile/style/material";
-@import "~@colijnit/corecomponents_v12/lib/components/pagination/style/material";
 

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

@@ -13,29 +13,6 @@
       border: $cc-co-transaction-filter-border;
       top: $cc-co-transaction-filter-top;
 
-      .transaction-filter-header-wrapper {
-        display: flex;
-        justify-content: space-between;
-        align-items: baseline;
-        padding: $cc-co-transaction-filter-header-wrapper-padding;
-
-        .transaction-filter-header {
-          display: flex;
-          justify-items: flex-start;
-          align-items: baseline;
-          font-weight: $cc-co-transaction-filter-header-font-weight;
-          font-size: $cc-co-transaction-filter-header-font-size;
-          color: $cc-co-transaction-filter-header-color;
-
-          co-icon {
-            margin-left: $cc-co-transaction-filter-icon-margin-left;
-            height: $cc-co-transaction-filter-icon-height;
-            width: $cc-co-transaction-filter-icon-width;
-          }
-        }
-      }
-
-
       .transaction-category-filter-wrapper {
         display: flex;
         overflow: hidden;

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

@@ -1,28 +1,12 @@
-$tp-co-transaction-filter-wrapper-min-width: 360px !default;
-$tp-co-transaction-filter-wrapper-sidebar-min-width: 370px !default;
-
-$tp-co-transaction-filter-input-border: none !default;
-
 $tp-co-transaction-filter-font-family: $tp-font-family !default;
 $tp-co-transaction-filter-font-size: $tp-font-size !default;
-$cc-co-transaction-filter-background-color: $cc-color-light !default;
 $cc-co-transaction-filter-width: 350px !default;
 $cc-co-transaction-filter-padding: 10px !default;
 $cc-co-transaction-filter-border: none !default;
 $cc-co-transaction-filter-top: 0 !default;
-
-$cc-co-transaction-filter-icon-margin-left: 10px !default;
-$cc-co-transaction-filter-icon-height: 13px !default;
-$cc-co-transaction-filter-icon-width: 13px !default;
-
-$cc-co-transaction-filter-header-wrapper-padding: 0 10px !default;
-$cc-co-transaction-filter-header-font-weight: bold !default;
-$cc-co-transaction-filter-header-font-size: 14px !default;
-$cc-co-transaction-filter-header-color: $tp-color-font !default;
-
 $cc-co-transaction-category-filter-wrapper-padding-top: 10px !default;
 $cc-co-transaction-category-filter-content-width: 350px !default;
-
+$cc-co-transaction-filter-background-color: $cc-color-light !default;
 $tp-co-transaction-filter-categories-font-family: $tp-font-family !default;
 $tp-co-transaction-filter-categories-font-size: $tp-font-size !default;
 $tp-co-transaction-filter-categories-font-weight: bold !default;
@@ -34,6 +18,5 @@ $tp-co-transaction-filter-categories-border-width: 0 0 1px 0 !default;
 $tp-co-transaction-filter-categories-border-style: solid !default;
 $tp-co-transaction-filter-categories-active-border-width: 0 0 1px 0 !default;
 $tp-co-transaction-filter-categories-active-border-style: solid !default;
-
 $tp-co-transaction-search-filter-width: 100% !default;
 $tp-co-transaction-search-filter-content-wrapper-row-gap: 30px !default;

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

@@ -1,8 +1,4 @@
 @include export-module('cc-transaction-filter-theme') {
   .co-transaction-filter {
-    .co-transaction-sales-order-filter, .co-transaction-purchase-order-filter {
-      background-color: $cc-co-transaction-filter-background-color;
-      border-color: $cc-color-border;
-    }
   }
 }

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

@@ -1,6 +1,5 @@
-import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector } from "@angular/core";
+import { ApplicationRef, ComponentFactoryResolver, Injector } from "@angular/core";
 import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
-import { SearchViewMode } from "../../../../enum/search-view-mode.enum";
 import { TransactionMappingService } from "../../../../service/transaction-mapping.service";
 import { TransactionSearchService } from "../../service/transaction-search.service";
 export declare class TransactionFilterComponent {
@@ -12,14 +11,9 @@ export declare class TransactionFilterComponent {
     set container(content: any);
     set transactionType(value: TransactionKind);
     get transactionType(): TransactionKind;
-    set activeSearchViewMode(value: SearchViewMode);
-    get activeSearchViewMode(): SearchViewMode;
-    closeButtonClick: EventEmitter<void>;
-    resetFilterClick: EventEmitter<void>;
     showClass(): boolean;
     private _transactionFilterContainer;
     private _transactionType;
-    private _activeSearchViewMode;
     private _componentRef;
     constructor(_mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector, searchService: TransactionSearchService);
     private _prepareContent;

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

@@ -1,5 +1,4 @@
+$tp-co-transaction-search-result-width: 100% !default;
 $tp-transaction-tiles-wrapper-padding: 20px !default;
-$tp-transaction-tiles-wrapper-row-gap: 5px !default;
-$tp-transaction-tiles-wrapper-width: 100% !default;
-$tp-transaction-tiles-wrapper-height: 100% !default;
 $tp-transaction-tiles-wrapper-column-gap: 5px !default;
+$tp-transaction-tiles-wrapper-row-gap: 5px !default;

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

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

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

@@ -3,29 +3,24 @@ import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
 import { ContentViewMode } from "../../../enum/content-view-mode.enum";
 import { Icon } from "../../../enum/icon.enum";
-import { SearchViewMode } from "../../../enum/search-view-mode.enum";
 import { TransactionSearchService } from "../service/transaction-search.service";
 export declare class TransactionSearchResultComponent implements OnInit {
     searchService: TransactionSearchService;
     readonly icon: typeof Icon;
     readonly contentViewModes: typeof ContentViewMode;
-    readonly searchViewModes: typeof SearchViewMode;
     selectedTransaction: TransactionSearchView;
+    private _activeContentViewMode;
+    private _fullscreen;
     transactionType: TransactionKind;
-    activeSearchViewMode: SearchViewMode;
-    filterClick: EventEmitter<void>;
+    set activeContentViewMode(value: ContentViewMode);
+    get activeContentViewMode(): ContentViewMode;
+    set fullscreen(value: boolean);
+    get fullscreen(): boolean;
     transactionClick: EventEmitter<TransactionSearchView>;
-    resizeClick: EventEmitter<void>;
-    closeClick: EventEmitter<void>;
     showClass(): boolean;
-    activeContentViewMode: ContentViewMode;
     constructor(searchService: TransactionSearchService);
     ngOnInit(): void;
-    get fullscreen(): boolean;
     onTransactionClick(transaction: TransactionSearchView): void;
-    onResizeClick(): void;
-    onCloseClick(): void;
-    onFilterClick(): void;
     onPreviousClick(): void;
     onNextClick(): void;
     onPageClick(pageNr: number): void;

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

@@ -35,3 +35,6 @@ $tp-transaction-tile-icon-height: 1.2rem !default;
 $tp-transaction-tile-icon-active-color: $tp-color-active !default;
 $tp-transaction-tile-icon-inactive-color: $tp-color-font !default;
 $tp-transaction-tile-line-height: 15px !default;
+
+$tp-transaction-tiles-wrapper-width: 100% !default;
+$tp-transaction-tiles-wrapper-height: 100% !default;

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

@@ -1,32 +1,31 @@
 import { EventEmitter, OnDestroy } from "@angular/core";
-import { CoDirection, CoOrientation } from "@colijnit/corecomponents_v12";
 import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
 import { SearchViewMode } from "../../enum/search-view-mode.enum";
-import { TransactionSearchService } from "./service/transaction-search.service";
+import { DictionaryService } from "../../service/dictionary.service";
 import { TransactionEventService } from "../../service/transaction-event.service";
+import { SearchViewModeService } from "../search/search-view-mode.service";
+import { TransactionSearchService } from "./service/transaction-search.service";
+/**
+ * @deprecated Use for IONE the IONE co-search component with co-transaction-filter, co-input-search and co-transaction-search-result
+ */
 export declare class TransactionSearchComponent implements OnDestroy {
     transactionSearchService: TransactionSearchService;
+    searchViewModeService: SearchViewModeService;
     private _transactionEventService;
+    private _dictionary;
     readonly searchViewModes: typeof SearchViewMode;
-    readonly orientations: typeof CoOrientation;
-    readonly directionRight: CoDirection;
+    searchPlaceholder: string;
     private _transactionType;
     set transactionType(value: TransactionKind);
     get transactionType(): TransactionKind;
     transactionClick: EventEmitter<TransactionSearchView>;
-    searchViewModeChange: EventEmitter<SearchViewMode>;
-    createTransactionClick: EventEmitter<void>;
+    addTransactionClick: EventEmitter<void>;
     showClass(): boolean;
     private _subs;
-    constructor(transactionSearchService: TransactionSearchService, _transactionEventService: TransactionEventService);
+    constructor(transactionSearchService: TransactionSearchService, searchViewModeService: SearchViewModeService, _transactionEventService: TransactionEventService, _dictionary: DictionaryService);
     ngOnDestroy(): void;
     onTransactionClick(transaction: TransactionSearchView): void;
-    onSearchViewResizeClick(): void;
-    onSideCollapseHandleClick(): void;
-    toggleSearchBar(): void;
-    collapseSearchBar(): void;
-    expandSearchBar(): void;
-    calculateClasses(): any;
     private _scrollToTop;
+    onAddClick(): void;
 }

package/lib/enum/icon.enum.d.ts

@@ -17,6 +17,7 @@ export declare enum Icon {
     CashRegister = "cash_register",
     CreditCardSolid = "credit_card_solid",
     DeliveryTruck = "delivery_truck",
+    DetailView = "detail_view",
     EditPencil = "edit_pencil",
     EllipsisLight = "ellipsis_light",
     EllipsisVerticalSolid = "ellipsis_vertical_solid",