@colijnit/transaction 261.20.19 → 261.20.21

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 (25) hide show
  1. package/fesm2022/colijnit-transaction.mjs +1697 -553
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +209 -51
  4. package/lib/component/transaction-button/style/_layout.scss +2 -4
  5. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/components/transaction-line-activities-contact-moments-add-moment-dialog/style/_layout.scss +40 -0
  6. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/components/transaction-line-activities-contact-moments-add-moment-dialog/style/_material-definition.scss +0 -0
  7. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/components/transaction-line-activities-contact-moments-add-moment-dialog/style/_theme.scss +4 -0
  8. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/components/transaction-line-activities-contact-moments-add-moment-dialog/style/material.scss +3 -0
  9. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/components/transaction-line-activities-contact-moments-block/style/_layout.scss +86 -0
  10. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/components/transaction-line-activities-contact-moments-block/style/_material-definition.scss +0 -0
  11. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/components/transaction-line-activities-contact-moments-block/style/_theme.scss +4 -0
  12. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/components/transaction-line-activities-contact-moments-block/style/material.scss +3 -0
  13. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/style/_layout.scss +4 -0
  14. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/style/_material-definition.scss +0 -0
  15. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/style/_theme.scss +4 -0
  16. package/lib/component/transaction-line-activities/components/transaction-line-activities-contact-moments/style/material.scss +4 -0
  17. package/lib/component/transaction-line-activities/style/_layout.scss +25 -0
  18. package/lib/component/transaction-line-activities/style/_material-definition.scss +0 -0
  19. package/lib/component/transaction-line-activities/style/_theme.scss +6 -0
  20. package/lib/component/transaction-line-activities/style/material.scss +3 -0
  21. package/lib/component/transaction-quick-access/transaction-quick-access-order-activities/style/_layout.scss +45 -0
  22. package/lib/component/transaction-quick-access/transaction-quick-access-order-activities/style/_material-definition.scss +1 -0
  23. package/lib/component/transaction-quick-access/transaction-quick-access-order-activities/style/_theme.scss +4 -0
  24. package/lib/component/transaction-quick-access/transaction-quick-access-order-activities/style/material.scss +4 -0
  25. package/package.json +2 -2
@@ -5,6 +5,7 @@
5
5
  display: flex;
6
6
  align-items: center;
7
7
  height: $tp-transaction-button-height;
8
+ cursor: pointer;
8
9
  .transaction-button-icon-wrapper {
9
10
  display: flex;
10
11
  height: 100%;
@@ -56,9 +57,6 @@
56
57
  border-radius: $tp-transaction-button-radius;
57
58
  background-color: $tp-transaction-button-background-color;
58
59
  }
59
- &:not(.read-only) {
60
- cursor: pointer;
61
- }
62
60
  &:not(.custom-width) {
63
61
  width: $tp-transaction-default-button-width;
64
62
  &.big {
@@ -79,7 +77,7 @@
79
77
  color: $tp-color-negative-value;
80
78
  }
81
79
  }
82
- &.read-only {
80
+ &.read-only, &.force-read-only {
83
81
  cursor: default;
84
82
  pointer-events: none;
85
83
  }
@@ -0,0 +1,40 @@
1
+ @include export-module('cc-transaction-line-activities-contact-moments-add-moment-dialog-layout') {
2
+ .co-transaction-line-activities-contact-moments-add-moment-dialog {
3
+ .co-dialog-content {
4
+ display: grid;
5
+ grid-template-columns: 1fr 1fr;
6
+ gap: 1rem 1.25rem;
7
+ padding: 1rem;
8
+
9
+ > span {
10
+ grid-column: 1 / -1;
11
+ font-weight: 600;
12
+ margin-bottom: 0.25rem;
13
+ }
14
+
15
+ .co-input-text {
16
+ grid-column: 1 / -1;
17
+ }
18
+
19
+ .left-column,
20
+ .right-column {
21
+ display: flex;
22
+ flex-direction: column;
23
+ gap: 1rem;
24
+ }
25
+
26
+ .left-column {
27
+ grid-column: 1;
28
+ }
29
+
30
+ .right-column {
31
+ grid-column: 2;
32
+ }
33
+
34
+ .co-input-textarea {
35
+ grid-column: 1 / -1;
36
+ margin-top: 0.5rem;
37
+ }
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,4 @@
1
+ @include export-module('cc-transaction-line-activities-contact-moments-add-moment-dialog-theme') {
2
+ .co-transaction-line-activities-contact-moments-add-moment-dialog {
3
+ }
4
+ }
@@ -0,0 +1,86 @@
1
+ @include export-module('cc-transaction-line-activities-contact-moments-block-layout') {
2
+ .co-transaction-line-activities-contact-moments-block {
3
+ .contact-moments-block-wrapper {
4
+ display: flex;
5
+ flex-direction: column;
6
+ gap: 0.75rem;
7
+ padding: 0.875rem 1rem;
8
+ background: #ffffff;
9
+ border: 1px solid #d9d9d9;
10
+ border-radius: 0.5rem;
11
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
12
+ max-width: 20rem;
13
+ color: #2f2f2f;
14
+ }
15
+
16
+ .contact-moments-block-header {
17
+ display: flex;
18
+ justify-content: space-between;
19
+ align-items: flex-start;
20
+ gap: 0.75rem;
21
+ }
22
+
23
+ .contact-moments-block-title {
24
+ font-size: 0.75rem;
25
+ line-height: 1.2;
26
+ color: #6f6f6f;
27
+
28
+ &:first-child {
29
+ flex: 1;
30
+ font-weight: 600;
31
+ color: #3a3a3a;
32
+ font-size: 0.875rem;
33
+ }
34
+
35
+ &:last-child {
36
+ white-space: nowrap;
37
+ font-weight: 400;
38
+ }
39
+ }
40
+
41
+ .contact-moments-block-content {
42
+ display: flex;
43
+ justify-content: space-between;
44
+ align-items: flex-start;
45
+ gap: 0.75rem;
46
+ }
47
+
48
+ .contact-moments-block-content-text {
49
+ flex: 1;
50
+ font-size: 0.875rem;
51
+ line-height: 1.4;
52
+ color: #4a4a4a;
53
+ word-break: break-word;
54
+ }
55
+
56
+ co-icon {
57
+ flex-shrink: 0;
58
+ display: flex;
59
+ align-items: center;
60
+ justify-content: center;
61
+ color: #3a3a3a;
62
+ font-size: 1rem;
63
+ margin-top: 0.125rem;
64
+ }
65
+
66
+ .contact-moments-block-footer {
67
+ display: flex;
68
+ align-items: center;
69
+ gap: 0.25rem;
70
+ }
71
+
72
+ .contact-moments-block-footer-text {
73
+ font-size: 0.875rem;
74
+ line-height: 1.3;
75
+ color: #2f2f2f;
76
+
77
+ &:first-child {
78
+ font-weight: 700;
79
+ }
80
+
81
+ &:last-child {
82
+ font-weight: 600;
83
+ }
84
+ }
85
+ }
86
+ }
@@ -0,0 +1,4 @@
1
+ @include export-module('cc-transaction-line-activities-contact-moments-block-theme') {
2
+ .co-transaction-line-activities-contact-moments-block {
3
+ }
4
+ }
@@ -0,0 +1,4 @@
1
+ @include export-module('cc-transaction-line-activities-contact-moments-layout') {
2
+ .co-transaction-line-activities-contact-moments {
3
+ }
4
+ }
@@ -0,0 +1,4 @@
1
+ @include export-module('cc-transaction-line-activities-contact-moments-theme') {
2
+ .co-transaction-line-activities-contact-moments {
3
+ }
4
+ }
@@ -0,0 +1,4 @@
1
+ @import "../../../../../style/mixin";
2
+ @import "./_material-definition";
3
+ @import "./_layout";
4
+ @import "./_theme";
@@ -0,0 +1,25 @@
1
+ @import "../../../style/mixin";
2
+
3
+ @include export-module('co-transaction-line-activities-layout') {
4
+ .co-transaction-line-activities {
5
+ .activities-grid {
6
+ display: grid;
7
+ grid-template-columns: 1fr 1fr;
8
+ gap: 20px;
9
+ align-items: start;
10
+ }
11
+
12
+ // Right column
13
+ .historic-activities-wrapper {
14
+ grid-column: 2;
15
+ grid-row: 1 / span 10; // keeps it stacked on the right
16
+ }
17
+
18
+ // Left column
19
+ .contact-moments-wrapper,
20
+ .component-activity-list-wrapper,
21
+ .task-creator-wrapper {
22
+ grid-column: 1;
23
+ }
24
+ }
25
+ }
@@ -0,0 +1,6 @@
1
+ @import "../../../style/mixin";
2
+
3
+ @include export-module('co-transaction-line-activities-theme') {
4
+ .co-transaction-line-activities {
5
+ }
6
+ }
@@ -0,0 +1,3 @@
1
+ @import "./material-definition";
2
+ @import "./layout";
3
+ @import "./theme";
@@ -0,0 +1,45 @@
1
+ @include export-module('co-transaction-quick-access-order-activities-layout') {
2
+ .co-transaction-quick-access-order-activities {
3
+ .row {
4
+ display: flex;
5
+ flex-direction: row;
6
+ align-items: center;
7
+ padding: 0.5em;
8
+ gap: 0.5em;
9
+ border: 1px solid $color-action;
10
+ border-radius: 5px;
11
+ background: none;
12
+ span {
13
+ color: $color-action;
14
+ }
15
+ .co-icon {
16
+ height: 10px;
17
+ width: 10px;
18
+
19
+ svg {
20
+ path {
21
+ fill: $color-action;
22
+ }
23
+ }
24
+ }
25
+
26
+ &:hover {
27
+ background-color: $color-action;
28
+ cursor: pointer;
29
+ span {
30
+ color: white;
31
+ }
32
+ .co-icon {
33
+ height: 10px;
34
+ width: 10px;
35
+
36
+ svg {
37
+ path {
38
+ fill: white
39
+ }
40
+ }
41
+ }
42
+ }
43
+ }
44
+ }
45
+ }
@@ -0,0 +1,4 @@
1
+ @include export-module('co-transaction-quick-access-order-activities-theme') {
2
+ .co-transaction-quick-access-order-activities {
3
+ }
4
+ }
@@ -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": "261.20.19",
3
+ "version": "261.20.21",
4
4
  "description": "Colijn IT transaction module for Angular 20",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",
@@ -11,7 +11,7 @@
11
11
  "@angular/core": ">=20.3.16",
12
12
  "@colijnit/articleapi": ">=261.1.1",
13
13
  "@colijnit/catalog": ">=261.20.3",
14
- "@colijnit/corecomponents_v12": ">=261.20.0",
14
+ "@colijnit/corecomponents_v12": ">=261.20.4",
15
15
  "@colijnit/ioneconnector": ">=261.1.2",
16
16
  "@colijnit/mainapi": ">=261.1.4",
17
17
  "@colijnit/product": ">=261.20.0",