@colijnit/transaction 300.1.25 → 300.1.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/fesm2022/colijnit-transaction.mjs +7310 -5028
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +409 -31
  4. package/lib/component/returns/return-for-sales/return-for-sales-order-dialog/style/_layout.scss +22 -0
  5. package/lib/component/returns/return-for-sales/return-for-sales-order-dialog/style/_material-definition.scss +1 -0
  6. package/lib/component/returns/return-for-sales/return-for-sales-order-dialog/style/_theme.scss +4 -0
  7. package/lib/component/transaction-line/transaction-overview-line/style/_layout.scss +19 -0
  8. package/lib/component/transaction-line/transaction-return-line/style/_layout.scss +60 -0
  9. package/lib/component/transaction-line/transaction-return-line/style/_material-definition.scss +2 -0
  10. package/lib/component/transaction-line/transaction-return-line/style/_theme.scss +6 -0
  11. package/lib/component/transaction-line/transaction-return-line/style/material.scss +3 -0
  12. package/lib/component/transaction-line-image-and-description/style/_layout.scss +3 -0
  13. package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss +78 -78
  14. package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss +2 -2
  15. package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss +4 -4
  16. package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss +4 -4
  17. package/lib/component/transaction-quick-access/transaction-quick-access/style/material.scss +1 -0
  18. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss +27 -27
  19. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss +1 -1
  20. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss +4 -4
  21. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/material.scss +4 -4
  22. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_layout.scss +73 -73
  23. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_theme.scss +6 -6
  24. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/material.scss +4 -4
  25. package/lib/component/transaction-quick-access/transaction-quick-access-return/style/_layout.scss +16 -0
  26. package/lib/component/transaction-quick-access/transaction-quick-access-return/style/_theme.scss +6 -0
  27. package/lib/component/transaction-quick-access/transaction-quick-access-return/style/material.scss +4 -0
  28. package/package.json +3 -3
  29. package/lib/component/transaction-tile/style/_layout.scss +0 -162
  30. package/lib/component/transaction-tile/style/_theme.scss +0 -7
  31. /package/lib/component/{transaction-tile → returns/return-for-sales/return-for-sales-order-dialog}/style/material.scss +0 -0
  32. /package/lib/component/{transaction-tile → transaction-quick-access/transaction-quick-access-return}/style/_material-definition.scss +0 -0
@@ -0,0 +1,22 @@
1
+ @include export-module('co-return-for-sales-order-dialog-layout') {
2
+ .co-return-for-sales-order-dialog {
3
+ .co-dialog-wrapper {
4
+ height: 80vh;
5
+ max-width: 1100px;
6
+ .dialog-content {
7
+ display: flex;
8
+ flex-direction: row;
9
+ justify-content: center;
10
+ height: 100%;
11
+ .co-return-lines-wizard {
12
+ .return-line-wizard-contents {
13
+ width: 1000px;
14
+ }
15
+ }
16
+ .co-delivery-chooser {
17
+ width: 1000px;
18
+ }
19
+ }
20
+ }
21
+ }
22
+ }
@@ -0,0 +1,4 @@
1
+ @include export-module('co-return-for-sales-order-dialog-theme') {
2
+ .co-return-for-sales-order-dialog {
3
+ }
4
+ }
@@ -56,5 +56,24 @@
56
56
  padding: 0;
57
57
  }
58
58
  }
59
+
60
+ .transaction-line-extended-wrapper {
61
+ flex-direction: column;
62
+ .overview-line-activity-display {
63
+ display: flex;
64
+ flex-direction: row;
65
+ flex-wrap: wrap;
66
+ justify-content: start;
67
+
68
+ .co-component-activity-overview {
69
+ .overview-wrapper {
70
+ flex-direction: row;
71
+ .activity-buttons {
72
+ flex-direction: row;
73
+ }
74
+ }
75
+ }
76
+ }
77
+ }
59
78
  }
60
79
  }
@@ -0,0 +1,60 @@
1
+ @import "../../../../style/mixin";
2
+
3
+ @include export-module('co-transaction-return-line-layout') {
4
+ .co-transaction-return-line {
5
+ .co-transaction-base-line {
6
+ .user-form-detail-wrapper {
7
+ width: 2em;
8
+ height: 2em;
9
+ display: flex;
10
+ align-items: center;
11
+ justify-content: center;
12
+ .user-form-detail {
13
+ width: 20px;
14
+ height: 20px;
15
+
16
+ svg {
17
+ fill: $color-user-form-detail;
18
+ }
19
+ &.final {
20
+ svg {
21
+ fill: $color-user-form-detail-final;
22
+ }
23
+ }
24
+ }
25
+
26
+ }
27
+ .red-navigation-button {
28
+ color: $tp-color-error;
29
+ fill: $tp-color-error;
30
+ border-color: $tp-color-error;
31
+ border-block-color: $tp-color-error;
32
+ .co-transaction-button:not(.no-border) {
33
+ border-color: $tp-color-error;
34
+ .spacer {
35
+ background-color: $tp-color-error;
36
+ }
37
+ }
38
+
39
+ .transaction-inside-label {
40
+ color: $tp-color-error;
41
+ }
42
+ }
43
+ }
44
+ .transaction-line-section {
45
+ display: flex;
46
+ gap: 10px;
47
+ margin-right: 15px;
48
+ .vat-button {
49
+ margin-right: 15px;
50
+ }
51
+ }
52
+ .transaction-line-delivery-date {
53
+
54
+ .co-input-date {
55
+ height: auto;
56
+ padding: 0;
57
+ }
58
+ }
59
+ }
60
+ }
@@ -0,0 +1,2 @@
1
+ $color-user-form-detail-final: #5FDCB3 !default;
2
+ $color-user-form-detail: #1A73E8 !default;
@@ -0,0 +1,6 @@
1
+ @import "../../../../style/mixin";
2
+
3
+ @include export-module('co-transaction-return-line-theme') {
4
+ .co-transaction-return-line {
5
+ }
6
+ }
@@ -0,0 +1,3 @@
1
+ @import "./material-definition";
2
+ @import "./layout";
3
+ @import "./theme";
@@ -5,6 +5,9 @@
5
5
  align-items: $tp-transaction-line-image-and-description-align-items;
6
6
  width: 100%;
7
7
  gap: 10px;
8
+ .transaction-line-number {
9
+ align-self: center;
10
+ }
8
11
  .transaction-line-image {
9
12
  display: flex;
10
13
  flex-basis: $tp-transaction-line-image-and-description-image-width;
@@ -1,78 +1,78 @@
1
- @include export-module('co-transaction-line-interbranch-receive-goods-layout') {
2
- .co-transaction-line-interbranch-receive-goods {
3
- .columns-wrapper {
4
- display: flex;
5
- }
6
-
7
- .co-input-number-picker {
8
- width: 140px;
9
- }
10
-
11
- .details-column {
12
- width: 45%;
13
- display: flex;
14
- flex-direction: column;
15
-
16
- .transaction-line-totals-amount {
17
- margin: 5px;
18
- }
19
-
20
- //.amount-number-picker {
21
- // height: 40px;
22
- // margin: 5px;
23
- //}
24
- }
25
-
26
- .header-wrapper {
27
- display: flex;
28
- align-items: center;
29
- justify-content: space-between;
30
- margin: $tp-co-transaction-line-receive-goods-title-margin;
31
-
32
- .details-header {
33
- font-size: $tp-co-transaction-line-receive-goods-title-font-size;
34
- font-weight: bold;
35
- }
36
- }
37
-
38
- .divider-wrapper {
39
- display: flex;
40
- width: 10%;
41
- justify-content: center;
42
- visibility: hidden;
43
-
44
- .divider {
45
- border-left: 1px solid;
46
- border-color: $tp-color-border;
47
- margin: 5px; // $tp-co-transaction-request-details-input-margin;
48
- }
49
- }
50
-
51
- .details-input {
52
- margin: 5px; // $tp-co-transaction-request-details-input-margin;
53
- }
54
-
55
- .location-wrapper {
56
- position: relative;
57
-
58
- .co-transaction-button {
59
- width: auto;
60
- margin: 5px;
61
- }
62
- }
63
- .disabled {
64
- cursor: default;
65
- opacity: 0.6;
66
- }
67
- .clickable {
68
- cursor: pointer;
69
- }
70
-
71
- .warehouse-buttons {
72
- width: 100%;
73
- .co-transaction-button {
74
- width: 100%;
75
- }
76
- }
77
- }
78
- }
1
+ @include export-module('co-transaction-line-interbranch-receive-goods-layout') {
2
+ .co-transaction-line-interbranch-receive-goods {
3
+ .columns-wrapper {
4
+ display: flex;
5
+ }
6
+
7
+ .co-input-number-picker {
8
+ width: 140px;
9
+ }
10
+
11
+ .details-column {
12
+ width: 45%;
13
+ display: flex;
14
+ flex-direction: column;
15
+
16
+ .transaction-line-totals-amount {
17
+ margin: 5px;
18
+ }
19
+
20
+ //.amount-number-picker {
21
+ // height: 40px;
22
+ // margin: 5px;
23
+ //}
24
+ }
25
+
26
+ .header-wrapper {
27
+ display: flex;
28
+ align-items: center;
29
+ justify-content: space-between;
30
+ margin: $tp-co-transaction-line-receive-goods-title-margin;
31
+
32
+ .details-header {
33
+ font-size: $tp-co-transaction-line-receive-goods-title-font-size;
34
+ font-weight: bold;
35
+ }
36
+ }
37
+
38
+ .divider-wrapper {
39
+ display: flex;
40
+ width: 10%;
41
+ justify-content: center;
42
+ visibility: hidden;
43
+
44
+ .divider {
45
+ border-left: 1px solid;
46
+ border-color: $tp-color-border;
47
+ margin: 5px; // $tp-co-transaction-request-details-input-margin;
48
+ }
49
+ }
50
+
51
+ .details-input {
52
+ margin: 5px; // $tp-co-transaction-request-details-input-margin;
53
+ }
54
+
55
+ .location-wrapper {
56
+ position: relative;
57
+
58
+ .co-transaction-button {
59
+ width: auto;
60
+ margin: 5px;
61
+ }
62
+ }
63
+ .disabled {
64
+ cursor: default;
65
+ opacity: 0.6;
66
+ }
67
+ .clickable {
68
+ cursor: pointer;
69
+ }
70
+
71
+ .warehouse-buttons {
72
+ width: 100%;
73
+ .co-transaction-button {
74
+ width: 100%;
75
+ }
76
+ }
77
+ }
78
+ }
@@ -1,2 +1,2 @@
1
- $tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
2
- $tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;
1
+ $tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
2
+ $tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;
@@ -1,4 +1,4 @@
1
- @include export-module('co-transaction-line-interbranch-receive-goods-theme') {
2
- .co-transaction-line-interbranch-receive-goods {
3
- }
4
- }
1
+ @include export-module('co-transaction-line-interbranch-receive-goods-theme') {
2
+ .co-transaction-line-interbranch-receive-goods {
3
+ }
4
+ }
@@ -1,4 +1,4 @@
1
- @import "../../../style/mixin";
2
- @import "./_material-definition";
3
- @import "./_layout";
4
- @import "./_theme";
1
+ @import "../../../style/mixin";
2
+ @import "./_material-definition";
3
+ @import "./_layout";
4
+ @import "./_theme";
@@ -12,4 +12,5 @@
12
12
  @import "../../transaction-quick-access-purchase-order-overview/style/material";
13
13
  @import "../../transaction-quick-access-service-order/style/material";
14
14
  @import "../../transaction-quick-access-reserve/style/material";
15
+ @import "../../transaction-quick-access-return/style/material";
15
16
  @import "../../../transaction-send-documents/style/material";
@@ -1,27 +1,27 @@
1
- @use "sass:math";
2
- @import "../../../../style/mixin";
3
-
4
- @include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
5
- .co-transaction-quick-access-interbranch-order-purchase {
6
- .select-all-wrapper {
7
- display: flex;
8
- align-items: center;
9
- }
10
- .button {
11
- padding: 0.25em;
12
- background-color: white;
13
- border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
14
- cursor: pointer;
15
- co-icon {
16
- fill: $tp-transaction-quick-access-planning-lsp-mode-button;
17
- }
18
- &.selected {
19
- background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
20
- co-icon {
21
- fill: white;
22
- }
23
- }
24
- }
25
-
26
- }
27
- }
1
+ @use "sass:math";
2
+ @import "../../../../style/mixin";
3
+
4
+ @include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
5
+ .co-transaction-quick-access-interbranch-order-purchase {
6
+ .select-all-wrapper {
7
+ display: flex;
8
+ align-items: center;
9
+ }
10
+ .button {
11
+ padding: 0.25em;
12
+ background-color: white;
13
+ border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
14
+ cursor: pointer;
15
+ co-icon {
16
+ fill: $tp-transaction-quick-access-planning-lsp-mode-button;
17
+ }
18
+ &.selected {
19
+ background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
20
+ co-icon {
21
+ fill: white;
22
+ }
23
+ }
24
+ }
25
+
26
+ }
27
+ }
@@ -1 +1 @@
1
- $tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;
1
+ $tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;
@@ -1,4 +1,4 @@
1
- @include export-module('co-transaction-quick-access-interbranch-order-purchase-theme') {
2
- .co-transaction-quick-access-interbranch-order-purchase {
3
- }
4
- }
1
+ @include export-module('co-transaction-quick-access-interbranch-order-purchase-theme') {
2
+ .co-transaction-quick-access-interbranch-order-purchase {
3
+ }
4
+ }
@@ -1,4 +1,4 @@
1
- @import "../../../../style/mixin";
2
- @import "./_material-definition";
3
- @import "./_layout";
4
- @import "./_theme";
1
+ @import "../../../../style/mixin";
2
+ @import "./_material-definition";
3
+ @import "./_layout";
4
+ @import "./_theme";
@@ -1,73 +1,73 @@
1
- @import "../../../../style/mixin";
2
-
3
- @include export-module('cc-transaction-quick-access-received-goods-layout') {
4
- .co-transaction-quick-access-received-goods {
5
-
6
- .quick-access-wrapper {
7
- display: flex;
8
- flex-direction: row;
9
- column-gap: 10px;
10
- align-items: start;
11
-
12
- .sub-section-input {
13
- display: flex;
14
- flex-direction: column;
15
- gap: 10px;
16
- }
17
-
18
- .sub-section {
19
- display: flex;
20
- flex-direction: row;
21
- column-gap: 10px;
22
- .checkbox-wrapper {
23
- display: flex;
24
- flex-direction: row;
25
- }
26
-
27
- .dots-wrapper {
28
- display: flex;
29
- transform: scale(0.7);
30
-
31
- .dot {
32
- width: 8px;
33
- height: 8px;
34
- background-color: black;
35
- border-radius: 16px;
36
- transform: scale(0.3);
37
- }
38
- }
39
-
40
- .co-input-date {
41
- min-width: 170px;
42
- }
43
-
44
- .co-input-text {
45
- min-width: 100px;
46
- }
47
-
48
- .button-wrapper {
49
- background: $tp-default-background-accent;
50
- border-radius: $tp-default-border-radius;
51
- padding: 5px;
52
- display: flex;
53
- flex-direction: column;
54
- align-items: center;
55
- justify-content: center;
56
- cursor: pointer;
57
- width: 68px;
58
- height: 46px;
59
-
60
- .button-icon {
61
- height: 20px;
62
- width: 20px;
63
- }
64
-
65
- span {
66
- font-size: 10px;
67
- margin-top: 3px;
68
- }
69
- }
70
- }
71
- }
72
- }
73
- }
1
+ @import "../../../../style/mixin";
2
+
3
+ @include export-module('cc-transaction-quick-access-received-goods-layout') {
4
+ .co-transaction-quick-access-received-goods {
5
+
6
+ .quick-access-wrapper {
7
+ display: flex;
8
+ flex-direction: row;
9
+ column-gap: 10px;
10
+ align-items: start;
11
+
12
+ .sub-section-input {
13
+ display: flex;
14
+ flex-direction: column;
15
+ gap: 10px;
16
+ }
17
+
18
+ .sub-section {
19
+ display: flex;
20
+ flex-direction: row;
21
+ column-gap: 10px;
22
+ .checkbox-wrapper {
23
+ display: flex;
24
+ flex-direction: row;
25
+ }
26
+
27
+ .dots-wrapper {
28
+ display: flex;
29
+ transform: scale(0.7);
30
+
31
+ .dot {
32
+ width: 8px;
33
+ height: 8px;
34
+ background-color: black;
35
+ border-radius: 16px;
36
+ transform: scale(0.3);
37
+ }
38
+ }
39
+
40
+ .co-input-date {
41
+ min-width: 170px;
42
+ }
43
+
44
+ .co-input-text {
45
+ min-width: 100px;
46
+ }
47
+
48
+ .button-wrapper {
49
+ background: $tp-default-background-accent;
50
+ border-radius: $tp-default-border-radius;
51
+ padding: 5px;
52
+ display: flex;
53
+ flex-direction: column;
54
+ align-items: center;
55
+ justify-content: center;
56
+ cursor: pointer;
57
+ width: 68px;
58
+ height: 46px;
59
+
60
+ .button-icon {
61
+ height: 20px;
62
+ width: 20px;
63
+ }
64
+
65
+ span {
66
+ font-size: 10px;
67
+ margin-top: 3px;
68
+ }
69
+ }
70
+ }
71
+ }
72
+ }
73
+ }
@@ -1,6 +1,6 @@
1
- @import "../../../../style/mixin";
2
-
3
- @include export-module('cc-transaction-quick-access-received-goods-theme') {
4
- .co-transaction-quick-access-received-goods {
5
- }
6
- }
1
+ @import "../../../../style/mixin";
2
+
3
+ @include export-module('cc-transaction-quick-access-received-goods-theme') {
4
+ .co-transaction-quick-access-received-goods {
5
+ }
6
+ }
@@ -1,4 +1,4 @@
1
- @import "../../../../style/mixin";
2
- @import "./_material-definition";
3
- @import "./_layout";
4
- @import "./_theme";
1
+ @import "../../../../style/mixin";
2
+ @import "./_material-definition";
3
+ @import "./_layout";
4
+ @import "./_theme";
@@ -0,0 +1,16 @@
1
+ @import "../../../../style/mixin";
2
+
3
+ @include export-module('co-transaction-quick-access-return-layout') {
4
+ .co-transaction-quick-access-return {
5
+ display: flex;
6
+ row-gap: 10px;
7
+ align-items: start;
8
+ flex-direction: column;
9
+ .quick-access-content-wrapper {
10
+ .select-all-wrapper {
11
+ display: flex;
12
+ align-items: center;
13
+ }
14
+ }
15
+ }
16
+ }
@@ -0,0 +1,6 @@
1
+ @import "../../../../style/mixin";
2
+
3
+ @include export-module('co-transaction-quick-access-return-theme') {
4
+ .co-transaction-quick-access-return {
5
+ }
6
+ }
@@ -0,0 +1,4 @@
1
+ @import "../../../../style/mixin";
2
+ @import "./_material-definition";
3
+ @import "./_layout";
4
+ @import "./_theme";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/transaction",
3
- "version": "300.1.25",
3
+ "version": "300.1.27",
4
4
  "description": "Colijn IT transaction module for Angular 20",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",
@@ -10,9 +10,9 @@
10
10
  "@angular/common": ">=20.3.16",
11
11
  "@angular/core": ">=20.3.16",
12
12
  "@colijnit/articleapi": ">=300.1.0",
13
- "@colijnit/catalog": ">=300.1.0",
13
+ "@colijnit/catalog": ">=300.1.5",
14
14
  "@colijnit/corecomponents_v12": ">=300.1.4",
15
- "@colijnit/ioneconnector": ">=300.1.0",
15
+ "@colijnit/ioneconnector": ">=300.1.1",
16
16
  "@colijnit/mainapi": ">=300.1.11",
17
17
  "@colijnit/product": ">=300.1.0",
18
18
  "@colijnit/relation": ">=300.1.0",