@colijnit/transaction 300.1.28 → 300.1.30

package/index.d.ts

@@ -2065,7 +2065,8 @@ declare class TransactionRelationService {
     insertSupplier(relation: SupplierFullObject): Promise<SupplierFullObject>;
     updateSupplier(relation: SupplierFullObject): Promise<SupplierFullObject>;
     getRelationListObjects(relationRequest: RelationRequest): Promise<RelationListObject[]>;
-    getSuppliersForSearch(text: string): Promise<FilterItemViewmodel[]>;
+    getSuppliersForSearchById(text: string): Promise<FilterItemViewmodel[]>;
+    getSuppliersForSearchByNr(text: string): Promise<FilterItemViewmodel[]>;
     getDirectSellSuppliers(): Promise<SupplierLightObject[]>;
     getRelationById(id: number): Promise<RelationListObject>;
     getRelationNumber(relationId: number): Promise<string>;
@@ -4985,8 +4986,12 @@ declare class TransactionTextLineComponent extends TransactionLineBaseComponent
     descriptionDblClick: EventEmitter<void>;
     showClass(): boolean;
     showButtons: boolean;
+    orderLineText: string;
+    orderLineTextExpanded: boolean;
     constructor(orderLineSetService: OrderLineSetService, transactionHeaderService: TransactionHeaderService, transactionLineService: TransactionLineService, transactionEventService: TransactionEventService, iconCacheService: IconCacheService, screenConfigService: TransactionScreenConfigurationService, imageService: TransactionImageService, dictionaryService: DictionaryService, transactionService: TransactionService, changeDetector: ChangeDetectorRef);
     orderLineSetButtonClicked(): void;
+    expandClicked(event: MouseEvent): void;
+    get displayedOrderLineText(): string;
     deleteTransactionLineClick(event: MouseEvent): Promise<void>;
     protected transactionLineSet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionTextLineComponent, never>;
@@ -14938,6 +14943,7 @@ declare class TransactionQuickAccessOrderDeliveryComponent extends TransactionQu
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     handleSelectAllLines(value: boolean): void;
+    canShowButton(): boolean;
     setNoDeliveryNoteModel(): void;
     handleNoDeliveryNoteChanged(value: boolean): Promise<void>;
     protected getDefaultEmailAddressList(): Promise<string[]>;

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

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

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

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

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

@@ -159,13 +159,10 @@
           }
         }
       }
-
-
       .transaction-header-popup-category-wrapper {
         height: 100%;
         padding: $tp-transaction-header-popup-category-content-padding;
         overflow-x: hidden;
-
         co-form {
           position: relative;
         }
@@ -325,8 +322,11 @@
 
     .co-relation-general {
       .default-data-row {
-        .checkout-prefix-name {
-          width: 55%;
+        .checkout-first-name {
+          flex: 2;
+        }
+        .checkout-prefix-name, relation-customer-titles {
+          flex: 1
         }
       }
     }
@@ -731,10 +731,10 @@
 
   .customer-link {
     position: absolute;
-    top: 0;
-    right: 10px;
-    width: 20px;
-    height: 20px;
+    top: $tp-transaction-header-popup-customer-link-top;
+    right: $tp-transaction-header-popup-customer-link-right;
+    width: $tp-transaction-header-popup-customer-link-size;
+    height: $tp-transaction-header-popup-customer-link-size;
     cursor: pointer;
   }
 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,27 +1,27 @@
-@use "sass:math";
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
-  .co-transaction-quick-access-interbranch-order-purchase {
-    .select-all-wrapper {
-      display: flex;
-      align-items: center;
-    }
-    .button {
-      padding: 0.25em;
-      background-color: white;
-      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
-      cursor: pointer;
-      co-icon {
-        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
-      }
-      &.selected {
-        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
-        co-icon {
-          fill: white;
-        }
-      }
-    }
-
-  }
-}
+@use "sass:math";
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
+  .co-transaction-quick-access-interbranch-order-purchase {
+    .select-all-wrapper {
+      display: flex;
+      align-items: center;
+    }
+    .button {
+      padding: 0.25em;
+      background-color: white;
+      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
+      cursor: pointer;
+      co-icon {
+        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
+      }
+      &.selected {
+        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
+        co-icon {
+          fill: white;
+        }
+      }
+    }
+
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss

@@ -1 +1 @@
-$tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;
+$tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;

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

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

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

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

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

@@ -1,73 +1,73 @@
-@import "../../../../style/mixin";
-
-@include export-module('cc-transaction-quick-access-received-goods-layout') {
-  .co-transaction-quick-access-received-goods {
-
-    .quick-access-wrapper {
-      display: flex;
-      flex-direction: row;
-      column-gap: 10px;
-      align-items: start;
-
-      .sub-section-input {
-        display: flex;
-        flex-direction: column;
-        gap: 10px;
-      }
-
-      .sub-section {
-        display: flex;
-        flex-direction: row;
-        column-gap: 10px;
-        .checkbox-wrapper {
-          display: flex;
-          flex-direction: row;
-        }
-
-        .dots-wrapper {
-          display: flex;
-          transform: scale(0.7);
-
-          .dot {
-            width: 8px;
-            height: 8px;
-            background-color: black;
-            border-radius: 16px;
-            transform: scale(0.3);
-          }
-        }
-
-        .co-input-date {
-          min-width: 170px;
-        }
-
-        .co-input-text {
-          min-width: 100px;
-        }
-
-        .button-wrapper {
-          background: $tp-default-background-accent;
-          border-radius: $tp-default-border-radius;
-          padding: 5px;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
-          cursor: pointer;
-          width: 68px;
-          height: 46px;
-
-          .button-icon {
-            height: 20px;
-            width: 20px;
-          }
-
-          span {
-            font-size: 10px;
-            margin-top: 3px;
-          }
-        }
-      }
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-quick-access-received-goods-layout') {
+  .co-transaction-quick-access-received-goods {
+
+    .quick-access-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: 10px;
+      align-items: start;
+
+      .sub-section-input {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+      }
+
+      .sub-section {
+        display: flex;
+        flex-direction: row;
+        column-gap: 10px;
+        .checkbox-wrapper {
+          display: flex;
+          flex-direction: row;
+        }
+
+        .dots-wrapper {
+          display: flex;
+          transform: scale(0.7);
+
+          .dot {
+            width: 8px;
+            height: 8px;
+            background-color: black;
+            border-radius: 16px;
+            transform: scale(0.3);
+          }
+        }
+
+        .co-input-date {
+          min-width: 170px;
+        }
+
+        .co-input-text {
+          min-width: 100px;
+        }
+
+        .button-wrapper {
+          background: $tp-default-background-accent;
+          border-radius: $tp-default-border-radius;
+          padding: 5px;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+          width: 68px;
+          height: 46px;
+
+          .button-icon {
+            height: 20px;
+            width: 20px;
+          }
+
+          span {
+            font-size: 10px;
+            margin-top: 3px;
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
-@import "../../../../style/mixin";
-
-@include export-module('cc-transaction-quick-access-received-goods-theme') {
-  .co-transaction-quick-access-received-goods {
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-quick-access-received-goods-theme') {
+  .co-transaction-quick-access-received-goods {
+  }
+}

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

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