@colijnit/transaction 300.1.29 → 300.1.31

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 (24) hide show
  1. package/fesm2022/colijnit-transaction.mjs +2104 -1967
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +14 -5
  4. package/lib/component/add-product/style/_layout.scss +1 -1
  5. package/lib/component/checkout/style/_layout.scss +22 -4
  6. package/lib/component/checkout/style/_material-definition.scss +11 -4
  7. package/lib/component/transaction-header/transaction-header-popup/style/_layout.scss +43 -43
  8. package/lib/component/transaction-header/transaction-header-popup/style/_material-definition.scss +9 -2
  9. package/lib/component/transaction-line/transaction-text-line/style/_layout.scss +16 -2
  10. package/lib/component/transaction-line/transaction-text-line/style/_material-definition.scss +6 -0
  11. package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss +78 -78
  12. package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss +2 -2
  13. package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss +4 -4
  14. package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss +4 -4
  15. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss +27 -27
  16. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss +1 -1
  17. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss +4 -4
  18. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/material.scss +4 -4
  19. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_layout.scss +73 -73
  20. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_theme.scss +6 -6
  21. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/material.scss +4 -4
  22. package/lib/component/transaction-service-overview/style/_layout.scss +4 -0
  23. package/lib/style/_variables.scss +6 -6
  24. package/package.json +2 -2
package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss CHANGED
@@ -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
+ }
package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss CHANGED
@@ -1 +1 @@
1
- $tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;
1
+ $tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;
package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss CHANGED
@@ -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
+ }
package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/material.scss CHANGED
@@ -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";
package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_layout.scss CHANGED
@@ -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
+ }
package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_theme.scss CHANGED
@@ -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
+ }
package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/material.scss CHANGED
@@ -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";
package/lib/component/transaction-service-overview/style/_layout.scss CHANGED
@@ -513,6 +513,7 @@
513
513
  .add-button {
514
514
  width: 16px;
515
515
  height: 16px;
516
+ display: flex;
516
517
  svg {
517
518
  fill: #000;
518
519
  }
@@ -521,6 +522,9 @@
521
522
  display: none;
522
523
  }
523
524
  }
525
+ .add-button {
526
+ display: none;
527
+ }
524
528
  }
525
529
  }
526
530
 
package/lib/style/_variables.scss CHANGED
@@ -175,13 +175,13 @@ $tp-checkout-co-carousel-tile-max-height: 120px !default;
175
175
  $tp-checkout-co-carousel-tile-padding: 10px 15px !default;
176
176
  $tp-checkout-co-payment-padding: 30px !default;
177
177
  $tp-checkout-co-payment-background: #f8f8fa !default;
178
- $tp-checkout-checkout-data-column-background: #f8f8fa !default;
179
- $tp-checkout-co-shopping-cart-preview-background: #f8f8fa !default;
180
- $tp-checkout-transaction-delivery-method-carousel-max-width: 620px !default;
181
- $tp-checkout-transaction-delivery-method-carousel-button-right: -80px !default;
182
- $tp-checkout-transaction-delivery-method-carousel-button-size: 40px !default;
178
+ $tp-checkout-checkout-data-column-background: #ffffff !default;
179
+ $tp-checkout-co-shopping-cart-preview-background: #ffffff !default;
180
+ $tp-checkout-transaction-delivery-method-carousel-max-width: calc(100% - 60px) !default;
181
+ $tp-checkout-transaction-delivery-method-carousel-button-right: -60px !default;
182
+ $tp-checkout-transaction-delivery-method-carousel-button-size: 30px !default;
183
183
  $tp-checkout-transaction-delivery-method-carousel-button-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2) !default;
184
- $tp-checkout-transaction-delivery-method-carousel-button-svg-size: 30px !default;
184
+ $tp-checkout-transaction-delivery-method-carousel-button-svg-size: 20px !default;
185
185
  $tp-checkout-transaction-header-definitive-margin: 10px 0 !default;
186
186
 
187
187
  /*co-dialog*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/transaction",
3
- "version": "300.1.29",
3
+ "version": "300.1.31",
4
4
  "description": "Colijn IT transaction module for Angular 20",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",
@@ -19,7 +19,7 @@
19
19
  "@colijnit/relationapi": ">=300.1.1",
20
20
  "@colijnit/sharedapi": ">=1.0.20",
21
21
  "@colijnit/sharedcomponents": ">=300.1.13",
22
- "@colijnit/transactionapi": ">=300.1.13"
22
+ "@colijnit/transactionapi": ">=300.1.14"
23
23
  },
24
24
  "dependencies": {
25
25
  "tslib": "^2.8.1"