@colijnit/transaction 12.1.69 → 12.1.71

package/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.d.ts

@@ -3,14 +3,12 @@ import { TransactionService } from "../../../service/transaction.service";
 import { FormMasterService } from "@colijnit/corecomponents_v12";
 import { Icon } from "../../../enum/icon.enum";
 import { CustomerFullObject } from "@colijnit/relationapi/build/model/customer-full-object.bo";
-import { RelationKind } from "@colijnit/relationapi/build/enum/relation-kind.enum";
 import { AddressType } from "@colijnit/relationapi/build/enum/address-type.enum";
 import { RelationAnyType } from "../../../model/relation-any-type";
 import { Address } from "@colijnit/relationapi/build/model/address.bo";
 export declare class CheckoutOverviewRelationEditComponent implements OnInit {
     private _formMaster;
     service: TransactionService;
-    readonly relationKind: typeof RelationKind;
     readonly icons: typeof Icon;
     readonly addressType: typeof AddressType;
     set relation(value: CustomerFullObject);

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

@@ -6,17 +6,21 @@ import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transa
 import { TransactionTotal } from "@colijnit/transactionapi/build/model/transaction-total.bo";
 import { LineOperationStatus } from "@colijnit/transactionapi/build/model/line-operation-status.bo";
 import { RelationKind } from "@colijnit/articleapi/build/enum/relation-kind.enum";
+import { RelationAnyType } from "@colijnit/relationapi/build/model/relation-any-type";
 export declare abstract class TransactionBaseComponent implements AfterViewInit {
     protected readonly service: TransactionService;
     readonly relationKind: typeof RelationKind;
     set transaction(value: TransactionInfoResponse);
     get transaction(): TransactionInfoResponse;
+    set relation(value: RelationAnyType);
+    get relation(): RelationAnyType;
     expanded: boolean;
     isService: boolean;
     transactionInfo: TransactionInfo;
     lineOperationStatuses: LineOperationStatus[];
     transactionLines: TransactionLineInfo[];
     transactionTotal: TransactionTotal;
+    private _relation;
     private _transaction;
     constructor(service: TransactionService);
     ngAfterViewInit(): void;

package/lib/component/dialog/catalog/dialog-catalog/dialog-catalog.component.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter, OnInit } from "@angular/core";
 import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
-import { OptionsService } from "../../../../service/options.service";
+import { TransactionService } from "../../../../service/transaction.service";
 export declare class DialogCatalogComponent implements OnInit {
-    private _optionsService;
+    private _transactionService;
     options: any;
     parameters: any;
     showNavigation: boolean;
@@ -10,6 +10,6 @@ export declare class DialogCatalogComponent implements OnInit {
     articleClicked: EventEmitter<ArticleExtended>;
     showClass(): boolean;
     catalogSettings: any;
-    constructor(_optionsService: OptionsService);
+    constructor(_transactionService: TransactionService);
     ngOnInit(): void;
 }

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

@@ -1,5 +1,9 @@
 @include export-module('co-loader-layout') {
   .co-loader {
+    .transaction-loader {
+      width: 100%;
+      height: 100%;
+    }
     svg {
       width: 100%;
       height: 100%;

package/lib/component/quick-send-button/quick-send-button.component.d.ts

@@ -1,31 +1,15 @@
+import { EventEmitter } from "@angular/core";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { Icon } from "../../enum/icon.enum";
-import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
-import { SharedConnectorService } from "../../service/shared-connector.service";
-import { TransactionConnectorService } from "../../service/transaction-connector.service";
-import { StockStickersPrintLayouts } from "@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo";
 export declare class QuickSendButtonComponent {
     iconCacheService: IconCacheService;
-    private _sharedConnectorService;
-    private _transactionConnectorService;
     readonly icons: typeof Icon;
+    defaultMethodIcon: Icon | string;
+    showSendMethodIcon: boolean;
+    showSendMethodDialogIcon: boolean;
+    showLoader: boolean;
     showClass(): boolean;
-    transaction: TransactionInfoResponse;
-    isSendIconClicked: boolean;
-    isDotsClicked: boolean;
-    emailSelected: any;
-    printSelected: any;
-    pdfSelected: any;
-    xmlSelected: any;
-    emailLayouts: any[];
-    sendParams: any;
-    printTemplates: StockStickersPrintLayouts[];
-    constructor(iconCacheService: IconCacheService, _sharedConnectorService: SharedConnectorService, _transactionConnectorService: TransactionConnectorService);
-    sendIconClicked(): void;
-    dotsClicked(): void;
-    quickSend(data: any): void;
-    getEmailLayouts(): void;
-    setSendParams(data: any): void;
-    getPrintTemplates(): void;
-    sendOrderConfirmationEmail(): void;
+    openSendMethodDialog: EventEmitter<MouseEvent>;
+    sendIconClicked: EventEmitter<MouseEvent>;
+    constructor(iconCacheService: IconCacheService);
 }

package/lib/component/quick-send-button/style/_layout.scss

@@ -2,43 +2,43 @@
 
 @include export-module('co-quick-send-button-layout') {
   .co-quick-send-button {
+    height: $tp-co-quick-send-button-height;
     .icons-wrapper {
-      display: inline-flex;
-      height: inherit;
-      width: inherit;
+      position: relative;
+      display: flex;
+      &.disabled {
+        .icon-wrapper-flat-left, .icon-wrapper-flat-right {
+          opacity: $tp-co-quick-send-button-disabled-opacity;
+          pointer-events: none;
+        }
+      }
+      &.no-dialog .icon-wrapper-flat-left {
+        border-bottom-right-radius: $tp-co-quick-send-button-border-radius;
+        border-top-right-radius: $tp-co-quick-send-button-border-radius;
+      }
     }
-
     .icons-spacer {
       width: 5px;
     }
-
     .icon-wrapper-flat-left {
+      display: flex;
+      flex-direction: row;
+      align-items: $tp-co-quick-send-button-align-items;
+      justify-content: center;
+      cursor: pointer;
       background: $tp-co-quick-send-button-background-color;
       border-bottom-left-radius: $tp-co-quick-send-button-border-radius;
       border-top-left-radius: $tp-co-quick-send-button-border-radius;
+      column-gap: $tp-co-quick-send-button-column-gap;
       padding: $tp-co-quick-send-button-padding;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      width: 75%;
-      .icon-text {
-        font-size: $tp-co-quick-send-button-font-size;
-        user-select: none;
+      //width: 75%;
+      .icon-send {
+        width: $tp-co-quick-send-button-icon-send-width;
+        height: $tp-co-quick-send-button-icon-send-height;
       }
       .icon-method {
-        float: right;
-        position: relative;
-        top: -23px;
-        right: -14px;
-        width: 11px;
-        margin-bottom: -18px;
-      }
-      .icon-send {
-        width: 16px;
-        height: 22px;
-        margin-right: 10px;
+        width: $tp-co-quick-send-button-icon-send-method-width;
+        height: $tp-co-quick-send-button-icon-send-method-height;
       }
     }
 
@@ -46,17 +46,22 @@
       background: $tp-co-quick-send-button-background-color;
       border-bottom-right-radius: $tp-co-quick-send-button-border-radius;
       border-top-right-radius: $tp-co-quick-send-button-border-radius;
-      padding: $tp-co-quick-send-button-padding;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       cursor: pointer;
-      width: 15%;
       .co-icon {
-        width: $tp-co-quick-send-button-icon-size;
-        height: $tp-co-quick-send-button-icon-size;
+        width: $tp-co-quick-send-button-send-method-dialog-icon-size;
+        height: $tp-co-quick-send-button-send-method-dialog-icon-size;
       }
     }
+    .co-loader {
+      position: absolute;
+      height: 80%;
+      top: 50%;
+      left: 35%;
+      transform: translate(-50%, -50%);
+    }
   }
 }

package/lib/component/quick-send-button/style/_material-definition.scss

@@ -1,5 +1,14 @@
+$tp-co-quick-send-button-height: 32px !default;
+$tp-co-quick-send-button-column-gap: 5px !default;
+$tp-co-quick-send-button-align-items: flex-start !default;
 $tp-co-quick-send-button-background-color: white !default;
 $tp-co-quick-send-button-border-radius: 10px !default;
-$tp-co-quick-send-button-padding: 10px !default;
+$tp-co-quick-send-button-padding: 5px 10px !default;
 $tp-co-quick-send-button-font-size: $tp-font-size-small !default;
-$tp-co-quick-send-button-icon-size: 20px !default;
+$tp-co-quick-send-button-disabled-opacity: 0.5 !default;
+
+$tp-co-quick-send-button-send-method-dialog-icon-size: 20px !default;
+$tp-co-quick-send-button-icon-send-width: 16px !default;
+$tp-co-quick-send-button-icon-send-height: 22px !default;
+$tp-co-quick-send-button-icon-send-method-width: 11px !default;
+$tp-co-quick-send-button-icon-send-method-height: 11px !default;

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

@@ -30,7 +30,7 @@
       .transaction-header-divider {
         height: auto;
         width: 1px;
-        margin: 25px 10px;
+        margin: $tp-co-transaction-header-divider-margin;
       }
     }
   }

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

@@ -7,3 +7,5 @@ $tp-co-transaction-header-border: none !default;
 $tp-co-transaction-header-border-width: 0 0 1px 0 !default;
 $tp-co-transaction-header-border-color: $tp-color-border !default;
 $tp-co-transaction-header-gap: 20px !default;
+$tp-co-transaction-header-divider-margin: 25px 0px !default;
+

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

@@ -4,7 +4,6 @@ import { DictionaryService } from "../../../service/dictionary.service";
 import { TransactionService } from "../../../service/transaction.service";
 import { DialogService } from "../../../service/dialog.service";
 import { AddressType } from "@colijnit/relationapi/build/enum/address-type.enum";
-import { RelationAnyType } from "../../../model/relation-any-type";
 import { RelationKind } from "@colijnit/relationapi/build/enum/relation-kind.enum";
 import { RelationService } from "../../../service/relation.service";
 import { FormMasterService } from "@colijnit/corecomponents_v12";
@@ -19,8 +18,6 @@ export declare class TransactionHeaderRelationComponent extends TransactionBaseC
     navigationItems: ElementRef;
     mainItems: ElementRef;
     preferenceItems: ElementRef;
-    set relation(value: RelationAnyType);
-    get relation(): RelationAnyType;
     showClass(): boolean;
     deliveryAddressNawNr: number;
     invoiceAddressNawNr: number;
@@ -30,9 +27,9 @@ export declare class TransactionHeaderRelationComponent extends TransactionBaseC
     customerGroup: string;
     relationType: RelationKind;
     readonly: boolean;
-    private _relation;
     private _boFactory;
     constructor(service: TransactionService, _dictionary: DictionaryService, _dialogService: DialogService, _relationService: RelationService, _formMasterService: FormMasterService);
+    relationSet(): void;
     setIndexDeliveryAddress(nawNr: number): void;
     setIndexInvoiceAddress(nawNr: number): void;
     checkSameAddress(checked: boolean): void;

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

@@ -48,10 +48,6 @@
         align-content: flex-start;
         co-transaction-line-commission-button {
           margin-right: $tp-transaction-line-column-gap;
-          margin-bottom: $tp-transaction-line-row-gap;
-        }
-        co-transaction-line-delivery-date-button {
-          max-width: calc((#{$tp-transaction-line-button-width} * 2) + #{$tp-transaction-line-column-gap});
         }
       }
       .column2 {
@@ -63,6 +59,16 @@
       .column3 {
         margin-right: $tp-transaction-line-column-gap;
       }
+      co-transaction-line-delivery-date-button {
+        //max-width: calc((#{$tp-transaction-line-button-width} * 2) + #{$tp-transaction-line-column-gap});
+        .transaction-line-button {
+          align-items: flex-end;
+        }
+      }
+      .co-statusbar-wrapper {
+        height: $tp-transaction-line-button-height;
+        align-items: flex-end;
+      }
     }
     .transaction-line-totals-price, .transaction-line-totals-discount, .transaction-line-totals-amount, .transaction-line-totals-total {
       display: flex;

package/lib/component/transaction-line-image-and-description/style/_layout.scss

@@ -3,7 +3,7 @@
     font-family: $tp-transaction-line-image-and-description-font-family;
     display: flex;
     width: max-content;
-    align-items: center;
+    align-items: $tp-transaction-line-image-and-description-align-items;
     .transaction-line-image {
       display: flex;
       flex-basis: $tp-transaction-line-image-and-description-image-width;

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

@@ -8,7 +8,7 @@ $tp-transaction-line-image-and-description-image-align: flex-start !default;
 $tp-transaction-line-image-and-description-preview-image-width: 75px !default;
 $tp-transaction-line-image-and-description-preview-image-height: 50px !default;
 $tp-transaction-line-image-and-description-description-row-gap: 5px !default;
-$tp-transaction-line-image-and-description-description-inner-padding: 10px !default;
+$tp-transaction-line-image-and-description-description-inner-padding: 0 10px !default;
 $tp-transaction-line-image-and-description-description-column-gap: 15px !default;
 $tp-transaction-line-image-and-description-delete-icon-size: 15px !default;
 $tp-transaction-line-image-and-description-article-text-font-size: $tp-font-size !default;
@@ -16,7 +16,4 @@ $tp-transaction-line-image-and-description-article-text-padding: 2px !default;
 $tp-transaction-line-image-and-description-article-text-background-color: white !default;
 $tp-transaction-line-image-and-description-article-text-color: $tp-color-dark !default;
 $tp-transaction-line-image-and-description-delete-color: $tp-color-action !default;
-
-
-
-
+$tp-transaction-line-image-and-description-align-items: flex-start !default;

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

@@ -5,7 +5,7 @@
     .add-text-button {
       height: 25px;
       width: 25px;
-      margin: 2px;
+      margin-left: 20px;
       cursor: pointer;
       border-radius: 20px;
       display: flex;

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

@@ -1,9 +1,10 @@
-import { ApplicationRef, ComponentFactoryResolver, ElementRef, Injector } from "@angular/core";
+import { ApplicationRef, ComponentFactoryResolver, ElementRef, Injector, OnInit } from "@angular/core";
 import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
 import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionMappingService } from "../../../service/transaction-mapping.service";
 import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
-export declare class TransactionQuickAccessComponent {
+import { RelationAnyType } from "@colijnit/relationapi/build/model/relation-any-type";
+export declare class TransactionQuickAccessComponent implements OnInit {
     private _mappingService;
     private _compFactoryResolver;
     private appRef;
@@ -13,11 +14,15 @@ export declare class TransactionQuickAccessComponent {
     get transaction(): TransactionInfoResponse;
     set activeCategory(value: TransactionTypeCategory);
     get activeCategory(): TransactionTypeCategory;
+    set relation(value: RelationAnyType);
+    get relation(): RelationAnyType;
     showClass(): boolean;
     transactionType: TransactionKind;
     private _transaction;
     private _activeCategory;
+    private _relation;
     private _componentRef;
     constructor(_mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    ngOnInit(): void;
     private _prepareContent;
 }

package/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/style/material.scss

@@ -2,4 +2,3 @@
 @import "./_material-definition";
 @import "./_layout";
 @import "./_theme";
-@import "../../../transaction-send-button-dialog/style/material";

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

@@ -7,7 +7,8 @@ export declare class TransactionQuickAccessOrderPurchaseComponent extends Transa
     private _transactionEventService;
     readonly icons: typeof Icon;
     showClass(): boolean;
+    showLoader: boolean;
     constructor(service: TransactionService, _transactionEventService: TransactionEventService);
     handleSelectAllLines(value: boolean): void;
-    handleSendButtonClick(event: MouseEvent): void;
+    handleSend(event: MouseEvent): void;
 }

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

@@ -3,7 +3,10 @@
 
 @include export-module('cc-transaction-quick-access-overview-layout') {
   .co-transaction-quick-access-overview {
+    display: flex;
+    align-items: center;
     width: 100%;
+    justify-content: space-between;
     .co-input-search {
       display: block;
       width: $tp-transaction-quick-access-search-width;
@@ -18,5 +21,8 @@
         height: 60%;
       }
     }
+    .co-quick-send-button {
+      margin-left: auto;
+    }
   }
 }

package/lib/component/transaction-quick-access/transaction-quick-access-overview/transaction-quick-access-overview.component.d.ts

@@ -1,21 +1,33 @@
-import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { OnInit } from "@angular/core";
 import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
-import { Icon } from "../../../enum/icon.enum";
 import { TransactionService } from "../../../service/transaction.service";
-import { IconCacheService } from "../../../service/icon-cache.service";
-export declare class TransactionQuickAccessOverviewComponent extends TransactionBaseComponent {
-    iconService: IconCacheService;
+import { ReportLayoutSelectionEmail } from "@colijnit/mainapi/build/model/report-layout-selection-email.bo";
+import { ReportLayoutSelectionPrint } from "@colijnit/mainapi/build/model/report-layout-selection-print.bo";
+import { EmailOrderConfirmationRequest } from "@colijnit/mainapi/build/model/email-order-confirmation-request";
+import { PrintOrderConfirmationRequest } from "@colijnit/mainapi/build/model/print-order-confirmation-request";
+import { PdfOrderConfirmationRequest } from "@colijnit/mainapi/build/model/pdf-order-confirmation-request";
+import { TransactionQuickAccessSendMethodBaseComponent } from "../transaction-quick-access-send-method-base.component";
+export declare class TransactionQuickAccessOverviewComponent extends TransactionQuickAccessSendMethodBaseComponent implements OnInit {
     protected readonly service: TransactionService;
-    readonly icons: typeof Icon;
     showClass(): boolean;
+    reportDocumentEmailRequest: EmailOrderConfirmationRequest;
+    reportDocumentPrintRequest: PrintOrderConfirmationRequest;
+    reportDocumentPdfRequest: PdfOrderConfirmationRequest;
     catalogOptions: any;
     catalogParameters: any;
     showCatalog: boolean;
     searchText: string;
-    constructor(iconService: IconCacheService, service: TransactionService);
+    constructor(service: TransactionService);
     handleSearch(text: string): void;
     handleAddArticle(event: MouseEvent): void;
     handleSearchCatalog(event: MouseEvent): void;
     handleCatalogArticleClick(article: ArticleExtended): Promise<void>;
     showCatalogDialog(): void;
+    protected emailDocument(request: EmailOrderConfirmationRequest): Promise<void>;
+    protected getDefaultEmailAddressList(): Promise<string[]>;
+    protected getEmailLayouts(): Promise<ReportLayoutSelectionEmail[]>;
+    protected getPrintLayouts(): Promise<ReportLayoutSelectionPrint[]>;
+    protected pdfDocument(request: PdfOrderConfirmationRequest): void;
+    protected printDocument(request: PrintOrderConfirmationRequest): Promise<void>;
+    protected getDefaultSendMethod(): Promise<number>;
 }

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

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-quick-access-purchase-order-overview-layout') {
+  .co-transaction-quick-access-purchase-order-overview {
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-purchase-order-overview/style/_theme.scss

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

package/lib/component/{transaction-send-button-dialog → transaction-quick-access/transaction-quick-access-purchase-order-overview}/style/material.scss

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

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

@@ -0,0 +1,23 @@
+import { TransactionQuickAccessSendMethodBaseComponent } from "../transaction-quick-access-send-method-base.component";
+import { PdfOrderConfirmationRequest } from "@colijnit/mainapi/build/model/pdf-order-confirmation-request";
+import { TransactionService } from "../../../service/transaction.service";
+import { ReportLayoutSelectionEmail } from "@colijnit/mainapi/build/model/report-layout-selection-email.bo";
+import { ReportLayoutSelectionPrint } from "@colijnit/mainapi/build/model/report-layout-selection-print.bo";
+import { EmailPurchaseOrderRequest } from "@colijnit/mainapi/build/model/email-purchase-order-request";
+import { PrintPurchaseOrderRequest } from "@colijnit/mainapi/build/model/print-purchase-order-request";
+import { PdfPurchaseOrderRequest } from "@colijnit/mainapi/build/model/pdf-purchase-order-request";
+export declare class TransactionQuickAccessPurchaseOrderOverviewComponent extends TransactionQuickAccessSendMethodBaseComponent {
+    protected readonly service: TransactionService;
+    showClass(): boolean;
+    reportDocumentEmailRequest: EmailPurchaseOrderRequest;
+    reportDocumentPrintRequest: PrintPurchaseOrderRequest;
+    reportDocumentPdfRequest: PdfPurchaseOrderRequest;
+    constructor(service: TransactionService);
+    protected emailDocument(request: EmailPurchaseOrderRequest): Promise<void>;
+    protected getDefaultEmailAddressList(): Promise<string[]>;
+    protected getEmailLayouts(): Promise<ReportLayoutSelectionEmail[]>;
+    protected getPrintLayouts(): Promise<ReportLayoutSelectionPrint[]>;
+    protected pdfDocument(request: PdfOrderConfirmationRequest): void;
+    protected printDocument(request: PrintPurchaseOrderRequest): Promise<void>;
+    protected getDefaultSendMethod(): Promise<number>;
+}

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

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

package/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.d.ts

@@ -0,0 +1,43 @@
+import { OnInit } from "@angular/core";
+import { ReportLayoutSelectionEmail } from "@colijnit/mainapi/build/model/report-layout-selection-email.bo";
+import { ReportLayoutSelectionPrint } from "@colijnit/mainapi/build/model/report-layout-selection-print.bo";
+import { SendMethodType } from "@colijnit/mainapi/build/enum/send-method-type.enum";
+import { ReportingDocumentEmailBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-email-base-request";
+import { ReportingDocumentPrintBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-print-base-request";
+import { ReportingDocumentPdfBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-pdf-base-request";
+import { TransactionBaseComponent } from "../core/base/transaction-base.component";
+import { Icon } from "../../enum/icon.enum";
+import { TransactionService } from "../../service/transaction.service";
+export declare abstract class TransactionQuickAccessSendMethodBaseComponent extends TransactionBaseComponent implements OnInit {
+    protected readonly service: TransactionService;
+    readonly icons: typeof Icon;
+    readonly sendMethodType: typeof SendMethodType;
+    emailLayouts: ReportLayoutSelectionEmail[];
+    printLayouts: ReportLayoutSelectionPrint[];
+    defaultSendMethod: string;
+    defaultSendMethodIcon: string;
+    emailAddresses: string[];
+    showSendMethodDialog: boolean;
+    sendMethods: import("@colijnit/sharedcomponents").ɵv[];
+    showLoader: boolean;
+    protected abstract reportDocumentEmailRequest: ReportingDocumentEmailBaseRequest;
+    protected abstract reportDocumentPrintRequest: ReportingDocumentPrintBaseRequest;
+    protected abstract reportDocumentPdfRequest: ReportingDocumentPdfBaseRequest;
+    constructor(service: TransactionService);
+    ngOnInit(): void;
+    transactionSet(): void;
+    relationSet(): void;
+    handleSendMethodOkClick(method: string): Promise<void>;
+    handleSend(method: string): Promise<void>;
+    protected abstract printDocument(request: ReportingDocumentPrintBaseRequest): any;
+    protected abstract emailDocument(request: ReportingDocumentEmailBaseRequest): any;
+    protected abstract pdfDocument(request: ReportingDocumentPdfBaseRequest): any;
+    protected abstract getEmailLayouts(): Promise<ReportLayoutSelectionEmail[]>;
+    protected abstract getPrintLayouts(): Promise<ReportLayoutSelectionPrint[]>;
+    protected abstract getDefaultEmailAddressList(): Promise<string[]>;
+    protected abstract getDefaultSendMethod(): Promise<number>;
+    private _getDefaultSendMethod;
+    private _setDefaultMethod;
+    private _getEmailLayouts;
+    private _getPrintLayouts;
+}

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

@@ -51,27 +51,33 @@ $tp-co-transaction-search-filter-button-size: 32px !default;
 $tp-co-transaction-search-filter-button-border-radius: 5px !default;
 $tp-co-transaction-search-filter-content-wrapper-row-gap: 30px !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: 24px !default;
-$tp-co-transaction-search-result-header-sidebar-icon-size: 20px !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: 46px !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-header-label-color: $tp-color-font !default;
 $tp-co-transaction-search-header-label-font-size: 18px !default;
 $tp-co-transaction-search-header-label-font-weight: bold !default;
 $tp-co-transaction-search-header-column-gap: 20px !default;
-$tp-co-transaction-search-header-button-wrapper-column-gap: 20px !default;
+$tp-co-transaction-search-header-button-wrapper-column-gap: 0 !default;
 $tp-co-transaction-search-header-plus-button-size: 26px !default;
-$tp-co-transaction-search-header-plus-button-color: $tp-color-font !default;
+$tp-co-transaction-search-header-plus-button-icon-size: 20px !default;
+$tp-co-transaction-search-header-plus-button-color: $tp-color-label !default;
 $tp-co-transaction-search-header-plus-button-border-style: solid !default;
-$tp-co-transaction-search-header-plus-button-border-width: 1px !default;
+$tp-co-transaction-search-header-plus-button-border-width: 0 !default;
 $tp-co-transaction-search-header-plus-button-border-color: $tp-color-font !default;
-$tp-co-transaction-search-header-plus-button-border-radius: 10px !default;
+$tp-co-transaction-search-header-plus-button-border-radius: 5px !default;
 $tp-co-transaction-search-header-plus-button-background-color: $tp-default-background-accent !default;
 
 $tp-co-transaction-search-input-text-fullscreen-width: 440px !default;

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

@@ -8,5 +8,13 @@
         max-height: $cc-co-transaction-search-max-height;
       }
     }
+    .toggle-sidebar-button {
+      svg { // for fontawesome icons
+        fill: $tp-co-transaction-search-result-header-sidebar-button-color;
+      }
+      & [fill] { // for own icons
+        fill: $tp-co-transaction-search-result-header-sidebar-button-color;
+      }
+    }
   }
 }