@colijnit/transaction 256.1.49 → 256.1.50

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

@@ -2,15 +2,14 @@
   .co-dialog-transaction-search {
     display: flex;
     .co-dialog:not(.is-mobile) .co-dialog-wrapper {
-      width:75vw;
+      max-width: 800px;
     }
     .search-wrapper {
       display: flex;
       flex-direction: column;
       row-gap: 5px;
       width:100%;
-      min-width: 900px;
-      min-height: 650px;
+      min-height: 450px;
 
       .search-content {
         display: flex;
@@ -19,7 +18,23 @@
         .search-result-content {
           display: flex;
           flex-direction: column;
-          row-gap: 10px;
+          row-gap: 30px;
+          margin-top: 30px;
+          width: 100%;
+          .order-lines-container {
+            padding: 0;
+            box-shadow: none;
+            border: none;
+          }
+          .transaction-tile {
+            border: 1px solid #F4F4F9;
+            box-shadow: 0 2px 4px 0 #0000002e;
+            padding: 15px 30px;
+            background: #FFF;
+            .co-transaction-search-sales-line-select-tile-wrapper {
+              gap: 15px;
+            }
+          }
         }
       }
     }

package/lib/component/simple-vertical-stepper/co-simple-vertical-stepper.component.d.ts

@@ -12,9 +12,13 @@ export declare class SimpleVerticalStepperComponent extends StepperBaseComponent
     skipSteps: number[];
     stepButton: string;
     stepButtonLabels: string[];
+    set openStep(step: number);
+    set content(children: any);
+    private _openStep;
     showOk: boolean;
     get currentStepButton(): string;
     continueRequested(): void;
+    prepareSteps(): void;
     openToIndex(idx: number): void;
     protected validateCurrentStep(nextStep?: number): void;
     protected setActive(idx: number): void;

package/lib/component/transaction-create-wizard/components/Service-wizard-art-or-trans.component.d.ts

@@ -20,6 +20,7 @@ export declare class ServiceWizardArtOrTransComponent implements OnInit {
     relation: Relation;
     oldOrderId: string;
     oldGoodId: string;
+    customerPortal: boolean;
     set existingTransaction(response: TransactionInfoResponse);
     get existingTransaction(): TransactionInfoResponse;
     existingTransactionLine: TransactionLineInfo;

package/lib/component/transaction-create-wizard/components/service-wizard-create-service.component.d.ts

@@ -19,6 +19,7 @@ export declare class ServiceWizardCreateServiceComponent implements OnInit {
     existingTransaction: TransactionInfoResponse;
     existingTransactionLine: TransactionLineInfo;
     buttonsVisible: boolean;
+    customerPortal: boolean;
     chosenTransactionLine: TransactionLineSearchIndex;
     chosenArticle: ArticleExtended;
     slaProductName: string;

package/lib/component/transaction-create-wizard/transaction-create-wizard.component.d.ts

@@ -45,6 +45,7 @@ export declare class TransactionCreateWizardComponent implements OnInit, OnDestr
     existingTransaction: TransactionInfoResponse;
     existingTransactionLine: TransactionLineInfo;
     buttonsVisible: boolean;
+    openStep: number;
     private _branch;
     private _externallyProvidedTransaction;
     private _externallyProvidedLineNr;

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

@@ -137,6 +137,7 @@
         flex-wrap: wrap;
         align-content: flex-start;
         gap: $tp-transaction-line-row-gap;
+        row-gap: $tp-transaction-line-row-vertical-gap;
         flex: 1;
         position: relative;
         co-transaction-line-commission-button {
@@ -153,6 +154,7 @@
         display: flex;
         flex-direction: row;
         gap: $tp-transaction-line-row-gap;
+        row-gap: $tp-transaction-line-row-vertical-gap;
         max-width: 100%;
         margin-right: 0;
         flex: 1;
@@ -181,6 +183,7 @@
       .column3 {
         display: flex;
         gap: $tp-transaction-line-row-gap;
+        row-gap: $tp-transaction-line-row-vertical-gap;
         margin-right: 0;
         flex: 1;
         position: relative;
@@ -210,8 +213,8 @@
       }
       .column4 {
         display: flex;
-        grid-row-gap: $tp-transaction-line-row-gap;
-        row-gap: $tp-transaction-line-row-gap;
+        grid-row-gap: $tp-transaction-line-row-vertical-gap;
+        row-gap: $tp-transaction-line-row-vertical-gap;
         grid-column-gap: $tp-transaction-line-row-gap;
         column-gap: $tp-transaction-line-row-gap;
         margin-right: 0;

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

@@ -14,6 +14,7 @@ $tp-transaction-line-border-width-first: 3px 0 3px 0 !default;
 $tp-transaction-line-border-color: #F4F4F9 !default;
 $tp-transaction-line-column-gap: 20px !default;
 $tp-transaction-line-row-gap: 5px !default;
+$tp-transaction-line-row-vertical-gap: 10px !default;
 $tp-transaction-line-start-width: 400px !default;
 $tp-transaction-line-start-min-width: 400px !default;
 $tp-transaction-line-start-max-width: 100% !default;

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

@@ -5,6 +5,7 @@ export declare class TransactionNavigationButtonListComponent implements ScreenC
     emptyLabel: string;
     refTransactions: TransactionRefTransaction[];
     showRelationButton: boolean;
+    insideLabel: string;
     relationClick: EventEmitter<number>;
     transactionClick: EventEmitter<string>;
     showClass(): boolean;

package/package.json

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