@colijnit/transaction 300.1.25 → 300.1.26

package/lib/component/returns/return-for-sales/return-for-sales-order-dialog/style/_layout.scss

@@ -0,0 +1,22 @@
+@include export-module('co-return-for-sales-order-dialog-layout') {
+  .co-return-for-sales-order-dialog {
+    .co-dialog-wrapper {
+      height: 80vh;
+      max-width: 1100px;
+      .dialog-content {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        height: 100%;
+        .co-return-lines-wizard {
+          .return-line-wizard-contents {
+            width: 1000px;
+          }
+        }
+        .co-delivery-chooser {
+          width: 1000px;
+        }
+      }
+    }
+  }
+}

package/lib/component/returns/return-for-sales/return-for-sales-order-dialog/style/_material-definition.scss

@@ -0,0 +1 @@
+

package/lib/component/returns/return-for-sales/return-for-sales-order-dialog/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-return-for-sales-order-dialog-theme') {
+  .co-return-for-sales-order-dialog {
+  }
+}

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

@@ -56,5 +56,24 @@
         padding: 0;
       }
     }
+
+    .transaction-line-extended-wrapper {
+      flex-direction: column;
+      .overview-line-activity-display {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: start;
+
+        .co-component-activity-overview {
+          .overview-wrapper {
+            flex-direction: row;
+            .activity-buttons {
+              flex-direction: row;
+            }
+          }
+        }
+      }
+    }
   }
 }

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

@@ -0,0 +1,60 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-return-line-layout') {
+  .co-transaction-return-line {
+    .co-transaction-base-line {
+      .user-form-detail-wrapper {
+        width: 2em;
+        height: 2em;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .user-form-detail {
+          width: 20px;
+          height: 20px;
+
+          svg {
+            fill: $color-user-form-detail;
+          }
+          &.final {
+            svg {
+              fill: $color-user-form-detail-final;
+            }
+          }
+        }
+
+      }
+      .red-navigation-button {
+        color:  $tp-color-error;
+        fill:  $tp-color-error;
+        border-color:  $tp-color-error;
+        border-block-color:  $tp-color-error;
+          .co-transaction-button:not(.no-border) {
+            border-color:  $tp-color-error;
+            .spacer {
+              background-color:  $tp-color-error;
+            }
+          }
+
+          .transaction-inside-label {
+              color: $tp-color-error;
+          }
+      }
+    }
+    .transaction-line-section {
+      display: flex;
+      gap: 10px;
+      margin-right: 15px;
+      .vat-button {
+        margin-right: 15px;
+      }
+    }
+    .transaction-line-delivery-date {
+
+      .co-input-date {
+        height: auto;
+        padding: 0;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,2 @@
+$color-user-form-detail-final: #5FDCB3 !default;
+$color-user-form-detail: #1A73E8 !default;

package/lib/component/transaction-line/transaction-return-line/style/_theme.scss

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

package/lib/component/transaction-line/transaction-return-line/style/material.scss

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

package/lib/component/transaction-line-image-and-description/style/_layout.scss

@@ -5,6 +5,9 @@
     align-items: $tp-transaction-line-image-and-description-align-items;
     width: 100%;
     gap: 10px;
+    .transaction-line-number {
+      align-self: center;
+    }
     .transaction-line-image {
       display: flex;
       flex-basis: $tp-transaction-line-image-and-description-image-width;

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

@@ -12,4 +12,5 @@
 @import "../../transaction-quick-access-purchase-order-overview/style/material";
 @import "../../transaction-quick-access-service-order/style/material";
 @import "../../transaction-quick-access-reserve/style/material";
+@import "../../transaction-quick-access-return/style/material";
 @import "../../../transaction-send-documents/style/material";

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

@@ -0,0 +1,16 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-quick-access-return-layout') {
+  .co-transaction-quick-access-return {
+    display: flex;
+    row-gap: 10px;
+    align-items: start;
+    flex-direction: column;
+    .quick-access-content-wrapper {
+      .select-all-wrapper {
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-return/style/_theme.scss

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

package/lib/component/transaction-quick-access/transaction-quick-access-return/style/material.scss

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "300.1.25",
+  "version": "300.1.26",
   "description": "Colijn IT transaction module for Angular 20",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -10,9 +10,9 @@
     "@angular/common": ">=20.3.16",
     "@angular/core": ">=20.3.16",
     "@colijnit/articleapi": ">=300.1.0",
-    "@colijnit/catalog": ">=300.1.0",
+    "@colijnit/catalog": ">=300.1.5",
     "@colijnit/corecomponents_v12": ">=300.1.4",
-    "@colijnit/ioneconnector": ">=300.1.0",
+    "@colijnit/ioneconnector": ">=300.1.1",
     "@colijnit/mainapi": ">=300.1.11",
     "@colijnit/product": ">=300.1.0",
     "@colijnit/relation": ">=300.1.0",

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

@@ -1,162 +0,0 @@
-@import "../../../style/mixin";
-
-@include export-module('co-transaction-tile-layout') {
-  .co-transaction-tile {
-
-    .transaction-tile-wrapper {
-      //max-width: 500px;
-      background: white;
-      border-radius: 11px;
-      border: 1px solid #5fdbb2;
-      padding: 12px 12px 12px 19px;
-    }
-
-    .header-row {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 10px;
-
-      .header-transport-container {
-        display: flex;
-        flex-direction: row;
-
-        .transport-method-icon {
-          width: 40px;
-          height: 40px;
-          margin: -10px 5px -10px 0;
-        }
-
-        .transport-method-text {
-          font-family: $tp-font-family;
-          font-size: 12px;
-        }
-      }
-
-      .header-date {
-        font-family: $tp-font-family;
-        font-size: 12px;
-        color: #5fdbb2;
-      }
-
-      .header-side-panel-button {
-        cursor: pointer;
-      }
-    }
-
-    .transaction-details-row {
-      display: flex;
-      height: 60px;
-      justify-content: space-between;
-
-      .transaction-details-container {
-        display: flex;
-        flex-direction: column;
-        width: 75%;
-
-        .transaction-tile-title {
-          font-family: $tp-font-family;
-          font-size: 12px;
-          margin-bottom: 5px;
-          overflow-x: clip;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .transaction-tile-description {
-          font-family: $tp-font-family;
-          font-size: 12px;
-          overflow-y: hidden;
-          color: #7d81a1;
-        }
-      }
-
-      .tile-image {
-        margin-right: 5px;
-        width: 60px;
-        height: 60px;
-      }
-    }
-
-    .transaction-order-status-row {
-      display: flex;
-      width: 100%;
-      padding: 10px;
-      justify-content: flex-end;
-
-      .indicators-wrapper {
-        display: flex;
-        min-width: 70px;
-
-        .transaction-order-status-indicator {
-          width: 12px;
-          height: 8px;
-          margin: 1px;
-        }
-      }
-    }
-
-    .transaction-data-row {
-      display: flex;
-      width: 100%;
-
-      .transaction-data-header {
-        width: inherit;
-        display: flex;
-        justify-content: space-between;
-      }
-
-      .transaction-data-header-label {
-        font-family: $tp-font-family;
-        font-size: 10px;
-        color: #7d81a1;
-      }
-
-      .transaction-data-header-field {
-        font-family: $tp-font-family;
-        font-size: 12px;
-        overflow-x: clip;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-
-      .transaction-data-header-divider {
-        display: flex;
-        border-right: 2px solid #ebebeb;
-        margin: 5px;
-      }
-
-      .transaction-data-header-item {
-        display: flex;
-        flex-direction: column;
-        row-gap: 10px;
-
-        input::-webkit-outer-spin-button,
-        input::-webkit-inner-spin-button {
-          -webkit-appearance: none;
-          margin: 0;
-        }
-      }
-    }
-
-    .center {
-      align-items: center;
-    }
-
-    .bold {
-      font-weight: bold;
-    }
-
-    .amount-input {
-      width: 26px;
-      text-align: center;
-    }
-
-    .mutable {
-      padding: 4px 11px;
-      border-radius: 9px;
-      background: $tp-default-background-accent;
-      margin-left: 3%;
-    }
-  }
-}

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

@@ -1,7 +0,0 @@
-@import "../../../style/mixin";
-
-@include export-module('co-transaction-tile') {
-  .co-transaction-tile {
-
-  }
-}