@colijnit/transaction 300.1.33 → 300.1.35

package/index.d.ts

@@ -336,6 +336,7 @@ import * as i13 from '@angular/cdk/drag-drop';
 import { CdkDrag, CdkDropList, CdkDragEnter, CdkDragDrop } from '@angular/cdk/drag-drop';
 import { TransactionLineType } from '@colijnit/transactionapi/build/enum/transaction-line-type.enum';
 import { TransactionLineMarginInfo } from '@colijnit/transactionapi/build/model/transaction-line-margin-info.bo';
+import { TransactionType } from '@colijnit/transactionapi/build/enum/transaction-type.enum';
 import { PaymentLineType } from '@colijnit/transactionapi/build/enum/payment-line-type';
 import * as i4 from '@angular/cdk/scrolling';
 import { RelationContactLink } from '@colijnit/relationapi/build/model/relation-contact-link.bo';
@@ -960,6 +961,7 @@ declare class TransactionEventService {
     }>;
     readonly refreshHistoricReports: Subject<void>;
     readonly transactionCommitted: BehaviorSubject<boolean>;
+    readonly transactionSaved: Subject<void>;
     readonly transportContainerChosen: BehaviorSubject<Container>;
     readonly transportTransactionRequestUpdated: BehaviorSubject<SetMultipleTransportNotificationsInContainerOnSelectedLinesRequest>;
     readonly transportTransactionRemoveRequestUpdated: BehaviorSubject<RemoveTransactionFromContainerRequest>;
@@ -2231,6 +2233,7 @@ declare enum Icon {
     Remark = "remark",
     Resize = "resize",
     Return = "return",
+    SaveDisk = "save_disk",
     ScrewdriverWrenchLight = "screwdriver_wrench_light",
     ScrewdriverWrenchRegular = "screwdriver_wrench_regular",
     ServiceCartRegular = "service_cart_regular",
@@ -2323,6 +2326,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     currentTransactionDate: Date;
     autoSave: boolean;
     manualSaveParam: boolean;
+    manualSaveOverride: boolean | undefined;
     applicationUser: boolean;
     invoiceAddressSameAsDelivery: boolean;
     afterSalesSystemParam: boolean;
@@ -2332,6 +2336,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     headerReadonly: boolean;
     transactionDialogOpen: boolean;
     get manualSaveActive(): boolean;
+    get autoSaveToggleAvailable(): boolean;
     set activeRubric(value: TransactionTypeCategory);
     get activeRubric(): TransactionTypeCategory;
     getRelationOnRememberCurrentTransaction: boolean;
@@ -2414,6 +2419,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     prepareDirectSellInternalParam(): Promise<void>;
     prepareJsPickingListInternalParam(): Promise<void>;
     prepareManualSaveInternalParam(): void;
+    setManualSave(manualSave: boolean): Promise<void>;
     prepareAfterSalesSystemParam(): Promise<void>;
     prepareCanChangeRelationParam(): Promise<void>;
     prepareCanChangeSalesOrderWhenFullyInvoicedParam(): Promise<void>;
@@ -2445,6 +2451,8 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     getRefTransactions(transId: number): Promise<RefTransaction[]>;
     getPurchasePortalLines(request: GetPurchasePortalLine): Promise<PurchasePortalLine[]>;
     saveTransactionAndCommit(response?: TransactionInfoResponse, commitTransaction?: boolean): Promise<boolean>;
+    saveTransactionAndCommitIfAutoSave(response: TransactionInfoResponse): Promise<boolean>;
+    saveTransactionAndCommitIfDirty(): Promise<boolean>;
     rememberCurrentTransaction(value: TransactionInfoResponse, fromHeader?: boolean): Promise<void>;
     checkRefTransaction(): Promise<void>;
     refreshCurrentTransaction(): Promise<void>;
@@ -2552,7 +2560,7 @@ declare class TransactionService extends PendingReasonService {
     changeHeaderTransactionType(uuid: string, transactionType: string, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionProjectCode(uuid: string, projectCode: number, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionPaymentCondition(uuid: string, condition: string, saveTransaction: boolean): Promise<boolean>;
-    updateHeaderTransactionHanldedBy(uuid: string, handledBy: number, saveTransaction: boolean, lock?: boolean): Promise<boolean>;
+    updateHeaderTransactionHandledBy(uuid: string, handledBy: number, saveTransaction: boolean, lock?: boolean): Promise<boolean>;
     updateHeaderTransactionMarketing(uuid: string, code: string, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionDiscount(uuid: string, type: DiscountType, amount: number, saveTransaction: boolean, reason?: string, code?: string): Promise<boolean>;
     updateHeaderTransactionScoringChance(request: ChangeHeaderScoringChanceRequest, saveTransaction: boolean): Promise<boolean>;
@@ -5110,6 +5118,7 @@ declare class TransactionOverviewLineComponent extends TransactionLineBaseCompon
     protected dictionaryService: DictionaryService;
     protected changeDetector: ChangeDetectorRef;
     readonly category: typeof TransactionTypeCategory;
+    readonly TransactionType: typeof TransactionType;
     readonly icons: typeof Icon;
     readonly isNaN: typeof isNaN;
     readonly TableName: typeof TableName;
@@ -5411,6 +5420,7 @@ declare class EditableLabelComponent implements ScreenConfigAdapterComponent {
     set editMode(value: boolean);
     get editMode(): boolean;
     readonly: boolean;
+    forceReadonly: boolean;
     crossedOut: boolean;
     inputLabel: boolean;
     insideLabel: string;
@@ -5420,14 +5430,13 @@ declare class EditableLabelComponent implements ScreenConfigAdapterComponent {
     objectConfigName: string;
     hidden: boolean;
     required: boolean;
-    forceReadonly: boolean;
     maxLength: number;
     decimals: number;
     redErrorBackground: boolean;
     private _editMode;
     private _inputTextComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditableLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditableLabelComponent, "co-editable-label", never, { "model": { "alias": "model"; "required": false; }; "editModel": { "alias": "editModel"; "required": false; }; "commit": { "alias": "commit"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "crossedOut": { "alias": "crossedOut"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "insideLabel": { "alias": "insideLabel"; "required": false; }; }, { "editModelChange": "editModelChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditableLabelComponent, "co-editable-label", never, { "model": { "alias": "model"; "required": false; }; "editModel": { "alias": "editModel"; "required": false; }; "commit": { "alias": "commit"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "forceReadonly": { "alias": "forceReadonly"; "required": false; }; "crossedOut": { "alias": "crossedOut"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "insideLabel": { "alias": "insideLabel"; "required": false; }; }, { "editModelChange": "editModelChange"; }, never, never, false, never>;
 }
 
 declare class EditableLabelModule {
@@ -7860,6 +7869,7 @@ declare class TransactionSearchSalesLineSelectTileComponent extends TransactionS
     iconCacheService: IconCacheService;
     transactionService: TransactionService;
     changeDetector: ChangeDetectorRef;
+    readonly TransactionType: typeof TransactionType;
     showClass(): boolean;
     extendedTransactionSearch: boolean;
     returnWizardLayout: boolean;
@@ -7935,6 +7945,7 @@ declare class TransactionLineTileModule {
 declare class TransactionOrderTileComponent extends TransactionSearchTileBaseComponent {
     iconCacheService: IconCacheService;
     changeDetector: ChangeDetectorRef;
+    readonly TransactionType: typeof TransactionType;
     statusBarConfigNames: StatusBarCfgNames;
     set showAvatar(value: boolean);
     get showAvatar(): boolean;
@@ -9969,7 +9980,7 @@ declare class TransactionLineAssemblyTimeModule {
 
 declare class TransactionLineSidePanelDefaultModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSidePanelDefaultModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelDefaultModule, [typeof TransactionLineSidePanelDefaultComponent], [typeof i2.CommonModule, typeof CoreModule, typeof PipeModule, typeof i3.ButtonModule, typeof i3.CollapsibleModule, typeof i3.InputTextModule, typeof i3.InputDatePickerModule, typeof i3.InputNumberPickerModule, typeof TransactionLinePriceListModule, typeof TransactionLineVatModule, typeof TransactionLineAmountModule, typeof TransactionLineDiscountPercentageModule, typeof TransactionLineDeliveryMethodModule, typeof TransactionLineDeliveryDateModule, typeof TransactionLineReferenceModule, typeof TransactionLineCommissionCodeModule, typeof TransactionLineWarehouseModule, typeof TransactionLineDiscountAmountModule, typeof TransactionLineQuantumDiscountModule, typeof TransactionLineSpecialDiscountModule, typeof TransactionLineSupplierModule, typeof TransactionLineDescriptionModule, typeof TransactionLinePriceModule, typeof TransactionLineSupplierButtonModule, typeof TransactionLineSupplierArtNrModule, typeof TransactionLineAssemblyTimeModule, typeof EditableLabelModule], [typeof TransactionLineSidePanelDefaultComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelDefaultModule, [typeof TransactionLineSidePanelDefaultComponent], [typeof i2.CommonModule, typeof CoreModule, typeof PipeModule, typeof i3.ButtonModule, typeof i3.CollapsibleModule, typeof i3.InputTextModule, typeof i3.InputDatePickerModule, typeof i3.InputNumberPickerModule, typeof TransactionLinePriceListModule, typeof TransactionLineVatModule, typeof TransactionLineAmountModule, typeof TransactionLineDiscountPercentageModule, typeof TransactionLineDeliveryMethodModule, typeof TransactionLineDeliveryDateModule, typeof TransactionLineReferenceModule, typeof TransactionLineCommissionCodeModule, typeof TransactionLineWarehouseModule, typeof TransactionLineDiscountAmountModule, typeof TransactionLineQuantumDiscountModule, typeof TransactionLineSpecialDiscountModule, typeof TransactionLineSupplierModule, typeof TransactionLineDescriptionModule, typeof TransactionLinePriceModule, typeof TransactionLineSupplierButtonModule, typeof TransactionLineSupplierArtNrModule, typeof TransactionLineAssemblyTimeModule, typeof EditableLabelModule, typeof i3.ScreenConfigurationModule], [typeof TransactionLineSidePanelDefaultComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSidePanelDefaultModule>;
 }
 
@@ -10262,7 +10273,7 @@ declare class TransactionSalesOverviewButtonBarButtonComponent extends Transacti
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -10288,7 +10299,7 @@ declare class TransactionPurchaseOverviewButtonBarButtonComponent extends Transa
     constructor(iconCacheService: IconCacheService, transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, changeDetector: ChangeDetectorRef, _mappingService: TransactionMappingService, _transactionService: TransactionService, _elementRef: ElementRef);
     ngOnDestroy(): void;
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): Promise<void>;
     private handleDocumentClick;
@@ -10340,7 +10351,7 @@ declare class TransactionSalesQuotationButtonBarButtonComponent extends Transact
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -11777,7 +11788,7 @@ declare class TransactionSearchSalesQuotationTileComponent extends TransactionSe
 
 declare class TransactionSearchSalesQuotationTileModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionSearchSalesQuotationTileModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionSearchSalesQuotationTileModule, [typeof TransactionSearchSalesQuotationTileComponent], [typeof i2.CommonModule, typeof AvatarModule, typeof i3.InputCheckboxModule, typeof i3.IconModule, typeof PipeModule], [typeof TransactionSearchSalesQuotationTileComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionSearchSalesQuotationTileModule, [typeof TransactionSearchSalesQuotationTileComponent], [typeof i2.CommonModule, typeof AvatarModule, typeof i3.InputCheckboxModule, typeof i3.IconModule, typeof PipeModule, typeof i3.ScreenConfigurationModule], [typeof TransactionSearchSalesQuotationTileComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionSearchSalesQuotationTileModule>;
 }
 
@@ -14096,7 +14107,7 @@ declare class DialogTransactionHeaderDiscountModule {
 
 declare class TransactionTotalsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionTotalsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionTotalsModule, [typeof TransactionTotalsComponent, typeof TransactionConfirmTotalsComponent], [typeof i2.CommonModule, typeof CoreModule, typeof PipeModule, typeof DialogTransactionHeaderDiscountModule], [typeof TransactionTotalsComponent, typeof TransactionConfirmTotalsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionTotalsModule, [typeof TransactionTotalsComponent, typeof TransactionConfirmTotalsComponent], [typeof i2.CommonModule, typeof CoreModule, typeof PipeModule, typeof DialogTransactionHeaderDiscountModule, typeof i3.ScreenConfigurationModule], [typeof TransactionTotalsComponent, typeof TransactionConfirmTotalsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionTotalsModule>;
 }
 
@@ -14502,6 +14513,7 @@ declare class TransactionSalesReservationPopupComponent implements OnInit {
 
 declare class TransactionHeaderComponent {
     iconCacheService: IconCacheService;
+    transactionService: TransactionService;
     readonly cfgNames: typeof TransactionCfgName;
     readonly icons: typeof Icon;
     toggleHeader: boolean;
@@ -14514,8 +14526,9 @@ declare class TransactionHeaderComponent {
     isCashOrPurchaseQuotationOrder: boolean;
     isSalesQuotationOrder: boolean;
     private _transaction;
-    constructor(iconCacheService: IconCacheService);
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
     expandHeader(): void;
+    toggleAutoSave(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TransactionHeaderComponent, "co-transaction-header", never, { "transaction": { "alias": "transaction"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -14682,7 +14695,7 @@ declare class TransactionHeaderPaymentModule {
 
 declare class TransactionHeaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderModule, [typeof TransactionHeaderComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule], [typeof TransactionHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderModule, [typeof TransactionHeaderComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule, typeof PipeModule, typeof i3.TooltipDirectiveModule], [typeof TransactionHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionHeaderModule>;
 }
 
@@ -17256,7 +17269,7 @@ declare class TransactionHeaderCustomerPortalComponent {
 
 declare class TransactionHeaderCustomerPortalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderCustomerPortalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderCustomerPortalModule, [typeof TransactionHeaderCustomerPortalComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule, typeof PipeModule, typeof DialogTransactionHeaderPlanningRequest], [typeof TransactionHeaderCustomerPortalComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderCustomerPortalModule, [typeof TransactionHeaderCustomerPortalComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule, typeof PipeModule, typeof DialogTransactionHeaderPlanningRequest, typeof i3.TooltipDirectiveModule], [typeof TransactionHeaderCustomerPortalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionHeaderCustomerPortalModule>;
 }
 

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

@@ -5,7 +5,6 @@
     display: block;
     font-family: $tp-co-transaction-header-font-family;
     font-size: $tp-co-transaction-header-font-size;
-    cursor: pointer;
     .transaction-header-wrapper {
       display: flex;
       flex-direction: row;
@@ -68,6 +67,23 @@
         margin: $tp-co-transaction-header-divider-margin;
       }
     }
+    .transaction-delivery-carousel-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      .auto-save-toggle-icon-wrapper {
+        cursor: pointer;
+        margin: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-margin;
+        padding: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-padding;
+        border-radius: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-radius;
+        border-width: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-width;
+        border-style: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-style;
+      }
+      .auto-save-toggle-icon {
+        width: $tp-co-transaction-header-auto-save-toggle-icon-size;
+        height: $tp-co-transaction-header-auto-save-toggle-icon-size;
+      }
+    }
     .expand-transaction-header {
       width: $tp-co-transaction-header-expand-button-size;
       height: $tp-co-transaction-header-expand-button-size;
@@ -83,7 +99,7 @@
         height: $tp-co-transaction-header-expand-button-icon-size;
       }
     }
-    co-transaction-header-delivery-date {
+    .co-transaction-header-delivery-date {
       .input-text-wrapper {
         align-items: center;
         .input-wrapper {

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

@@ -18,3 +18,12 @@ $tp-co-transaction-header-expand-button-bottom: -10px !default;
 $tp-co-transaction-header-expand-button-border-radius: 100% !default;
 $tp-co-transaction-header-expand-button-icon-size: 20px !default;
 
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-padding: 4px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-margin: 0 10px 0 0 !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-width: 1px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-style: solid !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-color: #F4F4F9 !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-radius: 4px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-size: 20px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-background: #F4F4F9 !default;
+$tp-co-transaction-header-auto-save-toggle-icon-background-active: $tp-color-action !default;

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

@@ -10,5 +10,20 @@
     .transaction-header-divider {
       background-color: $tp-co-transaction-header-border-color;
     }
+    .transaction-delivery-carousel-wrapper {
+      .auto-save-toggle-icon-wrapper {
+        border-color: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-color;
+      }
+      .auto-save-toggle-icon {
+        &.active {
+          svg { // for fontawesome icons
+            fill: $tp-co-transaction-header-auto-save-toggle-icon-background-active;
+          }
+          & [fill] { // for own icons
+            fill: $tp-co-transaction-header-auto-save-toggle-icon-background-active;
+          }
+        }
+      }
+    }
   }
 }

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

@@ -144,7 +144,7 @@
         border-radius: 4px;
         display: flex;
         gap: 10px;
-        co-icon {
+        .co-icon {
           height: 20px;
           width: 20px;
           &.active {

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

@@ -3,7 +3,6 @@
 @include export-module('co-transaction-header-relation-layout') {
   .co-transaction-header-relation {
     display: flex;
-    cursor: pointer;
     .transaction-header-relation-dialog {
       .co-transaction-header-block {
         padding: 4px 0;

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

@@ -10,11 +10,6 @@
     padding: $tp-transaction-line-padding;
     border-width: $tp-transaction-line-border-width;
     position: relative;
-    &.active {
-      box-shadow: 0 0 3px 2px #1a73e8a3;
-      border-radius: 4px;
-      border-color: #1a73e873;
-    }
     .transaction-base-line-wrapper {
       column-gap: $tp-transaction-line-column-gap;
     }

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-line-side-panel/style/_layout.scss

@@ -82,7 +82,7 @@
           gap: 0;
         }
         .button-title {
-          font-size: 9px;
+          font-size: $tp-transaction-line-side-panel-button-wrapper-title-font-size;
         }
         .co-transaction-button-bar-button {
           .button-wrapper {
@@ -254,6 +254,7 @@
     .co-transaction-button-bar {
       .button-wrapper {
         background: $tp-transaction-line-side-panel-background;
+        padding: $tp-transaction-line-side-panel-button-wrapper-padding;
       }
     }
     .co-simple-grid {

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

@@ -24,6 +24,8 @@ $tp-transaction-line-side-panel-simple-grid-background: #f8f8fa !default;
 $tp-transaction-line-side-panel-simple-grid-font-size: 10px !default;
 $tp-transaction-line-side-panel-simple-grid-padding: 5px !default;
 $tp-transaction-line-side-panel-simple-grid-border-radius: 0 !default;
+$tp-transaction-line-side-panel-button-wrapper-padding: 0 3px !default;
+$tp-transaction-line-side-panel-button-wrapper-title-font-size: 8px !default;
 
 $tp-transaction-line-side-history-grid-padding: 15px 30px !default;
 $tp-transaction-line-side-history-grid-header-vertical-align: baseline !default;

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

@@ -31,6 +31,9 @@
     display: flex;
     align-items: center;
     position: relative;
+    &.active {
+      border: solid 2px rgb(26 115 232 / 38%);
+    }
   }
 
   .draggable-transaction-line.cdk-drag-placeholder {
@@ -47,6 +50,9 @@
 
   .draggable-transaction-line:last-child {
     border: none;
+    &.active {
+      border: solid 2px rgb(26 115 232 / 38%);
+    }
   }
   .transaction-lines-drag-drop-list.cdk-drop-list-dragging .draggable-transaction-line:not(.cdk-drag-placeholder) {
     transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);

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";