@colijnit/transaction 262.1.28 → 262.1.30

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 (21) hide show
  1. package/fesm2022/colijnit-transaction.mjs +3137 -2679
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +64 -12
  4. package/lib/component/core/base/components/voucher-code-pending-reason-dialog/style/_material-definition.scss +1 -1
  5. package/lib/component/transaction-cash-register-order/transaction-cash-register-payment-dialog/style/_layout.scss +24 -5
  6. package/lib/component/transaction-cash-register-order/transaction-cash-register-payment-dialog/style/_material-definition.scss +8 -2
  7. package/lib/component/transaction-header/transaction-header-popup/style/_layout.scss +7 -0
  8. package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss +78 -78
  9. package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss +2 -2
  10. package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss +4 -4
  11. package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss +4 -4
  12. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss +27 -27
  13. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss +1 -1
  14. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss +4 -4
  15. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/material.scss +4 -4
  16. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_layout.scss +73 -73
  17. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_theme.scss +6 -6
  18. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/material.scss +4 -4
  19. package/lib/component/transaction-search/transaction-search-tile/transaction-invoice-check-order-tile/style/_layout.scss +20 -8
  20. package/lib/component/transaction-search/transaction-search-tile/transaction-invoice-check-order-tile/style/_material-definition.scss +11 -0
  21. package/package.json +2 -2
@@ -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";
@@ -24,12 +24,15 @@
24
24
  overflow: auto;
25
25
  }
26
26
  .transaction-tile-wrapper {
27
- width: 40%;
28
- height: 160px;
29
- padding: 7.5px 10px;
30
- box-shadow: 0 2px 4px 0 #0000005c;
31
- border-left: 4px solid #45b8bf;
32
- border-radius: 5px;
27
+ width: $tp-co-transaction-invoice-check-tile-width;
28
+ max-width: $tp-co-transaction-invoice-check-tile-max-width;
29
+ height: $tp-co-transaction-invoice-check-tile-height;
30
+ padding: $tp-co-transaction-invoice-check-tile-padding;
31
+ box-shadow: $tp-co-transaction-invoice-check-tile-box-shadow;
32
+ border-width: $tp-co-transaction-invoice-check-tile-border-width;
33
+ border-style: solid;
34
+ border-color: $tp-co-transaction-invoice-check-tile-border-color;
35
+ border-radius: $tp-co-transaction-invoice-check-tile-border-radius;
33
36
  display: flex;
34
37
  flex-direction: column;
35
38
  .tile {
@@ -48,6 +51,10 @@
48
51
  display: flex;
49
52
  flex-direction: column;
50
53
  gap: 5px;
54
+ .co-icon {
55
+ width: $tp-co-transaction-invoice-check-tile-icon-width;
56
+ height: $tp-co-transaction-invoice-check-tile-icon-height;
57
+ }
51
58
  }
52
59
  .tile-footer {
53
60
  align-items: center;
@@ -60,8 +67,13 @@
60
67
  align-items: center;
61
68
  gap: 10px;
62
69
  .co-icon {
63
- width: 22px;
64
- height: 22px;
70
+ width: $tp-co-transaction-invoice-check-tile-icon-width;
71
+ height: $tp-co-transaction-invoice-check-tile-icon-height;
72
+ }
73
+ }
74
+ .value {
75
+ span {
76
+ font-size: $tp-co-transaction-invoice-check-tile-footer-font-size;
65
77
  }
66
78
  }
67
79
  }
@@ -0,0 +1,11 @@
1
+ $tp-co-transaction-invoice-check-tile-width: 40% !default;
2
+ $tp-co-transaction-invoice-check-tile-max-width: 300px !default;
3
+ $tp-co-transaction-invoice-check-tile-height: 110px !default;
4
+ $tp-co-transaction-invoice-check-tile-padding: 7.5px 10px !default;
5
+ $tp-co-transaction-invoice-check-tile-box-shadow: 0 2px 4px 0 #0000005c !default;
6
+ $tp-co-transaction-invoice-check-tile-border-width: 0 0 0 4px !default;
7
+ $tp-co-transaction-invoice-check-tile-border-color: #45b8bf !default;
8
+ $tp-co-transaction-invoice-check-tile-border-radius: 5px !default;
9
+ $tp-co-transaction-invoice-check-tile-icon-width: 16px !default;
10
+ $tp-co-transaction-invoice-check-tile-icon-height: 16px !default;
11
+ $tp-co-transaction-invoice-check-tile-footer-font-size: 10px !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/transaction",
3
- "version": "262.1.28",
3
+ "version": "262.1.30",
4
4
  "description": "Colijn IT transaction module for Angular 20",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",
@@ -13,7 +13,7 @@
13
13
  "@colijnit/catalog": ">=262.1.0",
14
14
  "@colijnit/corecomponents_v12": ">=262.1.10",
15
15
  "@colijnit/ioneconnector": ">=262.1.0",
16
- "@colijnit/mainapi": ">=262.1.8",
16
+ "@colijnit/mainapi": ">=262.1.11",
17
17
  "@colijnit/product": ">=262.1.0",
18
18
  "@colijnit/relation": ">=262.1.0",
19
19
  "@colijnit/relationapi": ">=262.1.0",