@colijnit/transaction 261.20.21 → 261.20.23

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 +1702 -476
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +191 -33
  4. package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-popup/style/_layout.scss +12 -0
  5. package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-cc/style/_layout.scss +38 -0
  6. package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-cc/style/_material-definition.scss +1 -1
  7. package/lib/component/shared/conversion-assistant/style/_layout.scss +61 -0
  8. package/lib/component/shared/conversion-assistant/style/_material-definition.scss +2 -0
  9. package/lib/component/shared/conversion-assistant/style/_theme.scss +6 -0
  10. package/lib/component/shared/conversion-assistant/style/material.scss +3 -0
  11. package/lib/component/transaction-header/transaction-header-popup/style/_material-definition.scss +1 -0
  12. package/lib/component/transaction-header/transaction-header-relation/style/_layout.scss +7 -0
  13. package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/_layout.scss +16 -0
  14. package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/_material-definition.scss +0 -0
  15. package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/_theme.scss +4 -0
  16. package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/material.scss +5 -0
  17. package/lib/component/transaction-line/transaction-line/style/_layout.scss +1 -0
  18. package/lib/component/transaction-line/transaction-planning-line/components/transaction-planning-line-planned-resource/style/_layout.scss +9 -8
  19. package/lib/component/transaction-line/transaction-planning-line/style/_layout.scss +6 -3
  20. package/lib/component/transaction-lines-side-panel/transaction-lines-side-panel-cash-desk/style/_layout.scss +6 -2
  21. package/package.json +2 -2
package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-cc/style/_layout.scss CHANGED
@@ -14,6 +14,27 @@
14
14
  flex-direction: column;
15
15
  }
16
16
  }
17
+ .transaction-line-warehouse-top-cc-section {
18
+ display: flex;
19
+ flex-direction: row;
20
+ column-gap: 5px;
21
+ margin: $tp-dialog-transaction-line-warehouse-cc-section-margin;
22
+ .bordered {
23
+ margin-left: 20px;
24
+ }
25
+
26
+ .unit-amount {
27
+ height: $tp-dialog-transaction-line-warehouse-cc-quantity-height;
28
+ max-width: 90px;
29
+ }
30
+
31
+ .unit-list {
32
+ height: $tp-dialog-transaction-line-warehouse-cc-quantity-height;
33
+ .co-input-text {
34
+ height: $tp-dialog-transaction-line-warehouse-cc-quantity-height;
35
+ }
36
+ }
37
+ }
17
38
  .transaction-line-warehouse-cc-section {
18
39
  display: flex;
19
40
  flex-direction: column;
@@ -42,6 +63,23 @@
42
63
  .quantity-number-picker {
43
64
  width: $tp-dialog-transaction-line-warehouse-cc-quantity-width;
44
65
  height: $tp-dialog-transaction-line-warehouse-cc-quantity-height;
66
+ .icon-wrapper{
67
+ max-width: $tp-dialog-transaction-line-warehouse-cc-quantity-height;
68
+ }
69
+ .co-input-text {
70
+ width: $tp-dialog-transaction-line-warehouse-cc-quantity-width;
71
+ height: $tp-dialog-transaction-line-warehouse-cc-quantity-height;
72
+ .right-icon {
73
+ min-width: $cc-co-list-of-values-right-icon-spacer-width;
74
+ }
75
+ .input-text-right-icon svg {
76
+ width: $cc-co-list-of-values-right-icon-width;
77
+ height: $cc-co-list-of-values-right-icon-width;
78
+ padding: $cc-co-list-of-values-right-icon-padding;
79
+ background: $cc-co-list-of-values-right-icon-background;
80
+ border-radius: $cc-co-list-of-values-right-icon-radius;
81
+ }
82
+ }
45
83
  }
46
84
  .transaction-line-warehouse-cc-section-label-wrapper {
47
85
  display: flex;
package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-cc/style/_material-definition.scss CHANGED
@@ -4,7 +4,7 @@ $tp-dialog-transaction-line-warehouse-cc-font-color: $tp-color-font !default;
4
4
  $tp-dialog-transaction-line-warehouse-cc-min-width: 500px !default;
5
5
  $tp-dialog-transaction-line-warehouse-cc-commission-code-height: 100px !default;
6
6
  $tp-dialog-transaction-line-warehouse-cc-quantity-width: 150px !default;
7
- $tp-dialog-transaction-line-warehouse-cc-quantity-height: 28px !default;
7
+ $tp-dialog-transaction-line-warehouse-cc-quantity-height: 36px !default;
8
8
  $tp-dialog-transaction-line-warehouse-cc-tab-content-height: 460px !default;
9
9
  $tp-dialog-transaction-line-warehouse-cc-section-margin: 0 0 5px 0 !default;
10
10
  $tp-dialog-transaction-line-warehouse-cc-section-max-height: auto !default;
package/lib/component/shared/conversion-assistant/style/_layout.scss ADDED
@@ -0,0 +1,61 @@
1
+ @import "../../../../style/mixin";
2
+
3
+ @include export-module('co-transaction-line-conversion-assistant-layout') {
4
+ .co-transaction-line-conversion-assistant {
5
+ .co-dialog:not(.is-mobile) .co-dialog-wrapper {
6
+ width: 500px;
7
+ .assistant-header {
8
+ display: flex;
9
+ flex-direction: row;
10
+ column-gap: 5px;
11
+ align-items: center;
12
+ padding-bottom: 10px;
13
+ }
14
+
15
+ .assistant-content-wrapper {
16
+ display: flex;
17
+ flex-direction: row;
18
+ column-gap: 5px;
19
+
20
+ .unit-amount {
21
+ height: $tp-conversion-assistant-field-height;
22
+ max-width: 90px;
23
+ }
24
+
25
+ .unit-list {
26
+ height: $tp-conversion-assistant-field-height;
27
+
28
+ .co-input-text {
29
+ height: $tp-conversion-assistant-field-height;
30
+ }
31
+ }
32
+
33
+ .quantity-number-picker {
34
+ width: $tp-conversion-assistant-quantity-width;
35
+ height: $tp-conversion-assistant-field-height;
36
+
37
+ .icon-wrapper {
38
+ max-width: $tp-conversion-assistant-field-height;
39
+ }
40
+
41
+ .co-input-text {
42
+ width: $tp-conversion-assistant-quantity-width;
43
+ height: $tp-conversion-assistant-field-height;
44
+
45
+ .right-icon {
46
+ min-width: $cc-co-list-of-values-right-icon-spacer-width;
47
+ }
48
+
49
+ .input-text-right-icon svg {
50
+ width: $cc-co-list-of-values-right-icon-width;
51
+ height: $cc-co-list-of-values-right-icon-width;
52
+ padding: $cc-co-list-of-values-right-icon-padding;
53
+ background: $cc-co-list-of-values-right-icon-background;
54
+ border-radius: $cc-co-list-of-values-right-icon-radius;
55
+ }
56
+ }
57
+ }
58
+ }
59
+ }
60
+ }
61
+ }
package/lib/component/shared/conversion-assistant/style/_material-definition.scss ADDED
@@ -0,0 +1,2 @@
1
+ $tp-conversion-assistant-field-height: 36px !default;
2
+ $tp-conversion-assistant-quantity-width: 150px !default;
package/lib/component/shared/conversion-assistant/style/_theme.scss ADDED
@@ -0,0 +1,6 @@
1
+ @import "../../../../style/mixin";
2
+
3
+ @include export-module('co-transaction-line-conversion-assistant-theme') {
4
+ .co-transaction-line-conversion-assistant {
5
+ }
6
+ }
package/lib/component/shared/conversion-assistant/style/material.scss ADDED
@@ -0,0 +1,3 @@
1
+ @import "./material-definition";
2
+ @import "./layout";
3
+ @import "./theme";
package/lib/component/transaction-header/transaction-header-popup/style/_material-definition.scss CHANGED
@@ -78,6 +78,7 @@ $tp-transaction-header-popup-business-rule-applied-font-weight: normal !default;
78
78
  $tp-co-transaction-header-relation-content-gap: 60px !default;
79
79
  $tp-co-transaction-header-relation-content-padding: 0 0 0 0 !default;
80
80
  $tp-co-transaction-header-relation-content-empty: 0 !default;
81
+ $tp-co-transaction-header-relation-content-empty-color: #1a73e8 !default;
81
82
  $tp-co-transaction-header-relation-content-padding-empty: 0 !default;
82
83
  $tp-co-transaction-header-relation-content-icon-left: 0 !default;
83
84
  $tp-co-transaction-header-relation-content-icon-top: 0 !default;
package/lib/component/transaction-header/transaction-header-relation/style/_layout.scss CHANGED
@@ -84,6 +84,13 @@
84
84
  .no-relation-yet {
85
85
  position: relative;
86
86
  left: $tp-co-transaction-header-relation-content-empty;
87
+ .co-button {
88
+ border-style: solid;
89
+ border-width: 1px;
90
+ border-color: $tp-co-transaction-header-relation-content-empty-color;
91
+ color: $tp-co-transaction-header-relation-content-empty-color;
92
+ background-color: transparent;
93
+ }
87
94
  }
88
95
  .transaction-relation-icon {
89
96
  position: absolute;
package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/_layout.scss ADDED
@@ -0,0 +1,16 @@
1
+ @include export-module('cc-transaction-interbranch-receive-goods-line-layout') {
2
+ .co-transaction-interbranch-receive-goods-line {
3
+
4
+ }
5
+
6
+ .co-input-number-picker .icon-wrapper {
7
+ display: flex;
8
+ height: 100%;
9
+ width: 100%;
10
+ border-radius: 0;
11
+ flex-shrink: 0;
12
+ align-items: center;
13
+ max-width: 25px;
14
+ }
15
+
16
+ }
package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/_theme.scss ADDED
@@ -0,0 +1,4 @@
1
+ @include export-module('cc-transaction-interbranch-receive-goods-line-theme') {
2
+ .co-transaction-interbranch-receive-goods-line {
3
+ }
4
+ }
package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/material.scss ADDED
@@ -0,0 +1,5 @@
1
+ @import "../../../../style/mixin";
2
+ @import "./_material-definition";
3
+ @import "./_layout";
4
+ @import "./_theme";
5
+ @import "../../../transaction-print-package-sticker/style/material";
package/lib/component/transaction-line/transaction-line/style/_layout.scss CHANGED
@@ -99,6 +99,7 @@
99
99
  display: flex;
100
100
  align-items: center;
101
101
  width: 100%;
102
+ justify-content: end;
102
103
  .input-text-wrapper, .input-wrapper {
103
104
  max-width: 100%;
104
105
  }
package/lib/component/transaction-line/transaction-planning-line/components/transaction-planning-line-planned-resource/style/_layout.scss CHANGED
@@ -1,13 +1,14 @@
1
1
  @include export-module('cc-transaction-planning-line-planned-resource-layout') {
2
2
  .co-transaction-planning-line-planned-resource {
3
- .row{
4
- align-items: center;
5
- justify-content: center;
6
- border: 1px solid rgba(black, 0.4);
7
- border-radius: 8px;
8
- display: flex;
9
- flex-direction: row;
10
- padding: 0.25em 0.5em;
3
+ height: 100%;
4
+ width: 100%;
5
+ display: flex;
6
+ align-items: center;
7
+ justify-content: center;
8
+
9
+ span {
10
+ font-size: 10px;
11
+ font-weight: bold;
11
12
  }
12
13
  }
13
14
  }
package/lib/component/transaction-line/transaction-planning-line/style/_layout.scss CHANGED
@@ -1,9 +1,12 @@
1
1
  @include export-module('co-transaction-planning-line-layout') {
2
2
  .co-transaction-planning-line {
3
- .row {
3
+ .planning-line-planned-resource-wrapper {
4
4
  display: flex;
5
- flex-direction: row;
6
- gap: 0.1em;
5
+ flex-direction: column;
6
+ height: 100%;
7
+ width: 100%;
8
+ justify-content: center;
9
+ align-items: center;
7
10
  }
8
11
 
9
12
  .transaction-line-section {
package/lib/component/transaction-lines-side-panel/transaction-lines-side-panel-cash-desk/style/_layout.scss CHANGED
@@ -1,8 +1,11 @@
1
1
  @include export-module('co-transaction-lines-side-panel-cash-desk-layout') {
2
2
  .co-transaction-lines-side-panel-cash-desk {
3
3
  display: flex;
4
- flex-direction: column;
4
+ flex-direction: column-reverse;
5
5
  align-items: center;
6
+ width: 300px;
7
+ max-width: 100%;
8
+ gap: 10px;
6
9
  //.co-key-pad {
7
10
  // width: 80%;
8
11
  //}
@@ -30,11 +33,12 @@
30
33
  .cash-register-payment-methods-wrapper {
31
34
  display: flex;
32
35
  flex-wrap: wrap;
33
- padding: 10px 0 0 0;
36
+ padding: 0;
34
37
  gap: 10px;
35
38
  }
36
39
  .co-payment-tile {
37
40
  width: calc(50% - 10px);
41
+ max-width: 150px;
38
42
  .co-tile-wrapper {
39
43
  padding: 5px;
40
44
  height: 75px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/transaction",
3
- "version": "261.20.21",
3
+ "version": "261.20.23",
4
4
  "description": "Colijn IT transaction module for Angular 20",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",
@@ -9,7 +9,7 @@
9
9
  "peerDependencies": {
10
10
  "@angular/common": ">=20.3.16",
11
11
  "@angular/core": ">=20.3.16",
12
- "@colijnit/articleapi": ">=261.1.1",
12
+ "@colijnit/articleapi": ">=261.1.3",
13
13
  "@colijnit/catalog": ">=261.20.3",
14
14
  "@colijnit/corecomponents_v12": ">=261.20.4",
15
15
  "@colijnit/ioneconnector": ">=261.1.2",