@colijnit/transaction 261.20.22 → 261.20.24

package/lib/component/shared/conversion-assistant/style/_layout.scss

@@ -0,0 +1,61 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-line-conversion-assistant-layout') {
+  .co-transaction-line-conversion-assistant {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      width: 500px;
+      .assistant-header {
+        display: flex;
+        flex-direction: row;
+        column-gap: 5px;
+        align-items: center;
+        padding-bottom: 10px;
+      }
+
+      .assistant-content-wrapper {
+        display: flex;
+        flex-direction: row;
+        column-gap: 5px;
+
+        .unit-amount {
+          height: $tp-conversion-assistant-field-height;
+          max-width: 90px;
+        }
+
+        .unit-list {
+          height: $tp-conversion-assistant-field-height;
+
+          .co-input-text {
+            height: $tp-conversion-assistant-field-height;
+          }
+        }
+
+        .quantity-number-picker {
+          width: $tp-conversion-assistant-quantity-width;
+          height: $tp-conversion-assistant-field-height;
+
+          .icon-wrapper {
+            max-width: $tp-conversion-assistant-field-height;
+          }
+
+          .co-input-text {
+            width: $tp-conversion-assistant-quantity-width;
+            height: $tp-conversion-assistant-field-height;
+
+            .right-icon {
+              min-width: $cc-co-list-of-values-right-icon-spacer-width;
+            }
+
+            .input-text-right-icon svg {
+              width: $cc-co-list-of-values-right-icon-width;
+              height: $cc-co-list-of-values-right-icon-width;
+              padding: $cc-co-list-of-values-right-icon-padding;
+              background: $cc-co-list-of-values-right-icon-background;
+              border-radius: $cc-co-list-of-values-right-icon-radius;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/shared/conversion-assistant/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$tp-conversion-assistant-field-height: 36px !default;
+$tp-conversion-assistant-quantity-width: 150px !default;

package/lib/component/shared/conversion-assistant/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-line-conversion-assistant-theme') {
+  .co-transaction-line-conversion-assistant {
+  }
+}

package/lib/component/shared/conversion-assistant/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

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

@@ -78,6 +78,7 @@ $tp-transaction-header-popup-business-rule-applied-font-weight: normal !default;
 $tp-co-transaction-header-relation-content-gap: 60px !default;
 $tp-co-transaction-header-relation-content-padding: 0 0 0 0 !default;
 $tp-co-transaction-header-relation-content-empty: 0 !default;
+$tp-co-transaction-header-relation-content-empty-color: #1a73e8 !default;
 $tp-co-transaction-header-relation-content-padding-empty: 0 !default;
 $tp-co-transaction-header-relation-content-icon-left: 0 !default;
 $tp-co-transaction-header-relation-content-icon-top: 0 !default;

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

@@ -84,6 +84,13 @@
       .no-relation-yet {
         position: relative;
         left: $tp-co-transaction-header-relation-content-empty;
+        .co-button {
+          border-style: solid;
+          border-width: 1px;
+          border-color: $tp-co-transaction-header-relation-content-empty-color;
+          color: $tp-co-transaction-header-relation-content-empty-color;
+          background-color: transparent;
+        }
       }
       .transaction-relation-icon {
         position: absolute;

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

@@ -99,6 +99,7 @@
         display: flex;
         align-items: center;
         width: 100%;
+        justify-content: end;
         .input-text-wrapper, .input-wrapper {
           max-width: 100%;
         }

package/lib/component/transaction-line/transaction-planning-line/components/transaction-planning-line-planned-resource/style/_layout.scss

@@ -1,13 +1,14 @@
 @include export-module('cc-transaction-planning-line-planned-resource-layout') {
   .co-transaction-planning-line-planned-resource {
-    .row{
-      align-items: center;
-      justify-content: center;
-      border: 1px solid rgba(black, 0.4);
-      border-radius: 8px;
-      display: flex;
-      flex-direction: row;
-      padding: 0.25em 0.5em;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    span {
+      font-size: 10px;
+      font-weight: bold;
     }
   }
 }

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

@@ -1,9 +1,12 @@
 @include export-module('co-transaction-planning-line-layout') {
   .co-transaction-planning-line {
-    .row {
+    .planning-line-planned-resource-wrapper {
       display: flex;
-      flex-direction: row;
-      gap: 0.1em;
+      flex-direction: column;
+      height: 100%;
+      width: 100%;
+      justify-content: center;
+      align-items: center;
     }
 
     .transaction-line-section {

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-lines-side-panel/transaction-lines-side-panel-cash-desk/style/_layout.scss

@@ -1,8 +1,11 @@
 @include export-module('co-transaction-lines-side-panel-cash-desk-layout') {
   .co-transaction-lines-side-panel-cash-desk {
     display: flex;
-    flex-direction: column;
+    flex-direction: column-reverse;
     align-items: center;
+    width: 300px;
+    max-width: 100%;
+    gap: 10px;
     //.co-key-pad {
     //  width: 80%;
     //}
@@ -30,11 +33,12 @@
     .cash-register-payment-methods-wrapper {
       display: flex;
       flex-wrap: wrap;
-      padding: 10px 0 0 0;
+      padding: 0;
       gap: 10px;
     }
     .co-payment-tile {
       width: calc(50% - 10px);
+      max-width: 150px;
       .co-tile-wrapper {
         padding: 5px;
         height: 75px;

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "261.20.22",
+  "version": "261.20.24",
   "description": "Colijn IT transaction module for Angular 20",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -9,7 +9,7 @@
   "peerDependencies": {
     "@angular/common": ">=20.3.16",
     "@angular/core": ">=20.3.16",
-    "@colijnit/articleapi": ">=261.1.1",
+    "@colijnit/articleapi": ">=261.1.3",
     "@colijnit/catalog": ">=261.20.3",
     "@colijnit/corecomponents_v12": ">=261.20.4",
     "@colijnit/ioneconnector": ">=261.1.2",