@colijnit/transaction 12.1.122 → 12.1.123

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

@@ -10,17 +10,15 @@
       height: 100%;
       flex-shrink: 0;
       align-items: center;
-      &:not(.right) {
-        margin-right: $tp-transaction-button-icon-margin;
-      }
-      &.right {
-        margin-left: $tp-transaction-button-icon-margin;
-      }
 
       .co-icon {
         height: 100%;
         width: auto;
-        padding: $tp-transaction-button-icon-padding;
+        aspect-ratio: 1;
+        svg {
+          height: $tp-transaction-button-icon-size;
+          width: $tp-transaction-button-icon-size;
+        }
       }
 
       .spacer {
@@ -33,6 +31,8 @@
       display: flex;
       flex-basis: 100%;
       overflow: hidden;
+      flex-direction: column;
+      padding: $tp-transaction-button-label-title-wrapper-padding;
       &.title {
         flex-direction: column;
         row-gap: $tp-transaction-button-label-title-wrapper-row-gap;
@@ -65,5 +65,10 @@
         justify-content: center;
       }
     }
+    &.discount {
+      span {
+        color: $tp-color-negative-value;
+      }
+    }
   }
 }

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

@@ -3,9 +3,7 @@ $tp-transaction-button-font-size: 11px !default;
 $tp-transaction-button-width: $tp-transaction-default-button-width !default;
 $tp-transaction-button-width-big: $tp-transaction-default-button-width-big !default;
 $tp-transaction-button-font-weight: 600 !default;
-$tp-transaction-button-icon-size: 13px !default;
-$tp-transaction-button-icon-margin: 5px !default;;
-$tp-transaction-button-icon-padding: 4px !default;;
+$tp-transaction-button-icon-size: 50% !default;
 $tp-transaction-button-icon-spacer-width: 1px !default;
 $tp-transaction-button-height: $tp-transaction-default-button-height !default;
 $tp-transaction-button-background-color: $tp-default-background-accent !default;
@@ -18,4 +16,5 @@ $tp-transaction-button-label-row-gap: 9px !default;
 $tp-transaction-button-label-padding-right: 5px !default;
 $tp-transaction-button-label-color: rgba(0, 0, 0, 0.7) !default;
 $tp-transaction-button-label-title-wrapper-row-gap: 9px !default;
+$tp-transaction-button-label-title-wrapper-padding: 0 10px !default;
 $tp-transaction-button-title-color: rgba(0, 0, 0, 0.7) !default;

package/lib/component/transaction-labeled-price-input/transaction-labeled-price-input.component.d.ts

@@ -1,16 +1,19 @@
+import { EventEmitter } from "@angular/core";
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 export declare class TransactionLabeledPriceInputComponent {
     set child(content: any);
-    placeholder: string;
     model: number;
+    placeholder: string;
     defaultEditMode: boolean;
     readonly: boolean;
     required: boolean;
     set editMode(value: boolean);
     get editMode(): boolean;
+    modelChange: EventEmitter<number>;
     handleClick(event: MouseEvent): void;
     input: InputTextComponent;
     private _editMode;
     showClass(): boolean;
     constructor();
+    handleModelChange(event: number): void;
 }

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

@@ -0,0 +1,24 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { Icon } from '../../enum/icon.enum';
+import { IconCacheService } from '../../service/icon-cache.service';
+import { TransactionBaseComponent } from '../core/base/transaction-base.component';
+import { OverlayService } from '@colijnit/corecomponents_v12';
+import { TransactionEventService } from '../../service/transaction-event.service';
+import { TransactionService } from '../../service/transaction.service';
+import { DictionaryService } from '../../service/dictionary.service';
+import { TransactionImageService } from '../../service/transaction-image.service';
+export declare class TransactionLineSupplierDeliveryDateButtonComponent extends TransactionBaseComponent {
+    transactionEventService: TransactionEventService;
+    service: TransactionService;
+    iconCacheService: IconCacheService;
+    protected dictionaryService: DictionaryService;
+    protected imageService: TransactionImageService;
+    protected changeDetector: ChangeDetectorRef;
+    private _overlayService;
+    private _elementRef;
+    readonly icons: typeof Icon;
+    showClass(): boolean;
+    private _calendarPopupComponentRef;
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _overlayService: OverlayService, _elementRef: ElementRef);
+    handleShowDialog(event: MouseEvent): void;
+}

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

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

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

@@ -19,6 +19,7 @@
         justify-content: space-between;
         font-size: $tp-co-transaction-line-receive-goods-title-font-size;
         font-weight: bold;
+        align-items: center;
 
         .deliver-date-text {
           font-weight: normal;

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

@@ -1,7 +1,9 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { TransactionBaseComponent } from '../core/base/transaction-base.component';
 import { DocDeliveryBatch } from '@colijnit/transactionapi/build/model/doc-delivery-batch.bo';
+import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
 export declare class TransactionLinePurchaseConfirmationComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
+    readonly transactionTypeCategory: typeof TransactionTypeCategory;
     set isEditing(value: boolean);
     get isEditing(): boolean;
     showClass(): boolean;

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

@@ -2,30 +2,34 @@
 
 @include export-module('cc-transaction-quick-access-order-confirmation-layout') {
   .co-transaction-quick-access-order-confirmation {
-    display: flex;
-    column-gap: 10px;
-    align-items: center;
 
-    .co-input-date {
-      min-width: 150px;
-    }
+    .quick-access-wrapper {
+
+      .confirm-inputs, .show-confirmation-inputs-wrapper {
+        display: flex;
+        column-gap: 10px;
+        align-items: center;
+
+        .new-confirmation-button {
+          height: 30px;
+          color: $tp-color-action;
+          .co-icon {
+            svg { // for fontawesome icons
+              fill: $tp-color-action;
+            }
+            & [fill] { // for own icons
+              fill: $tp-color-action;
+            }
+          }
+        }
 
-    .button-wrapper {
-      position: relative;
-      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: 65px;
-      height: 40px;
+        .co-input-checkbox {
+          margin-left: 10px;
+        }
 
-      .button-icon {
-        height: 20px;
-        width: 20px;
+        .co-input-date {
+          min-width: 150px;
+        }
       }
     }
   }

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

@@ -1,9 +1,14 @@
+import { OnInit } from "@angular/core";
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
 import { GetPurchaseOrderConfirmation } from "@colijnit/transactionapi/build/model/get-purchase-order-confirmation";
-export declare class TransactionQuickAccessOrderConfirmationComponent extends TransactionBaseComponent {
+export declare class TransactionQuickAccessOrderConfirmationComponent extends TransactionBaseComponent implements OnInit {
     purchaseOrderConfirmation: GetPurchaseOrderConfirmation;
     showClass(): boolean;
     awaitingResult: boolean;
     iconVisible: boolean;
+    hideQuickAccessContent: boolean;
+    forceShowConfirmationInputs: boolean;
+    ngOnInit(): void;
+    handleSelectAllLines(value: boolean): void;
     handleCommitEvent(event: MouseEvent): Promise<void>;
 }

package/lib/style/_variables.scss

@@ -127,7 +127,6 @@ $cc-co-input-text-spacer-color: $tp-color-border !default;
 $cc-co-input-number-picker-button-background-color-hover: $tp-color-action !default;
 $cc-co-input-number-picker-button-background-color-select: $tp-color-action !default;
 $cc-co-input-number-picker-spacer-color: $tp-color-border !default;
-$cc-co-input-number-picker-icon-padding: 4px !default;
 
 //$cc-co-commit-buttons-button-background: none !default;
 $cc-co-commit-buttons-commit-color: $tp-color-label !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.122",
+  "version": "12.1.123",
   "description": "Colijn IT transaction module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",