@colijnit/transaction 300.1.29 → 300.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.
- package/fesm2022/colijnit-transaction.mjs +145 -101
- package/fesm2022/colijnit-transaction.mjs.map +1 -1
- package/index.d.ts +4 -0
- package/lib/component/checkout/style/_layout.scss +22 -4
- package/lib/component/checkout/style/_material-definition.scss +11 -4
- package/lib/component/transaction-header/transaction-header-popup/style/_layout.scss +9 -9
- package/lib/component/transaction-header/transaction-header-popup/style/_material-definition.scss +5 -2
- package/lib/component/transaction-line/transaction-text-line/style/_layout.scss +16 -2
- package/lib/component/transaction-line/transaction-text-line/style/_material-definition.scss +6 -0
- package/lib/component/transaction-service-overview/style/_layout.scss +4 -0
- package/lib/style/_variables.scss +6 -6
- package/package.json +2 -2
package/index.d.ts
CHANGED
|
@@ -4986,8 +4986,12 @@ declare class TransactionTextLineComponent extends TransactionLineBaseComponent
|
|
|
4986
4986
|
descriptionDblClick: EventEmitter<void>;
|
|
4987
4987
|
showClass(): boolean;
|
|
4988
4988
|
showButtons: boolean;
|
|
4989
|
+
orderLineText: string;
|
|
4990
|
+
orderLineTextExpanded: boolean;
|
|
4989
4991
|
constructor(orderLineSetService: OrderLineSetService, transactionHeaderService: TransactionHeaderService, transactionLineService: TransactionLineService, transactionEventService: TransactionEventService, iconCacheService: IconCacheService, screenConfigService: TransactionScreenConfigurationService, imageService: TransactionImageService, dictionaryService: DictionaryService, transactionService: TransactionService, changeDetector: ChangeDetectorRef);
|
|
4990
4992
|
orderLineSetButtonClicked(): void;
|
|
4993
|
+
expandClicked(event: MouseEvent): void;
|
|
4994
|
+
get displayedOrderLineText(): string;
|
|
4991
4995
|
deleteTransactionLineClick(event: MouseEvent): Promise<void>;
|
|
4992
4996
|
protected transactionLineSet(): void;
|
|
4993
4997
|
static ɵfac: i0.ɵɵFactoryDeclaration<TransactionTextLineComponent, never>;
|
|
@@ -24,6 +24,9 @@
|
|
|
24
24
|
flex-grow: 1;
|
|
25
25
|
flex-shrink: 1;
|
|
26
26
|
max-width: $tp-checkout-max-width;
|
|
27
|
+
padding: $tp-checkout-stepper-padding;
|
|
28
|
+
background: $tp-checkout-stepper-background;
|
|
29
|
+
box-shadow: $tp-checkout-stepper-box-shadow;
|
|
27
30
|
}
|
|
28
31
|
.co-checkout-right-panel {
|
|
29
32
|
display: flex;
|
|
@@ -34,6 +37,12 @@
|
|
|
34
37
|
flex-shrink: 1;
|
|
35
38
|
max-width: $tp-checkout-right-panel-max-width;
|
|
36
39
|
width: 100%;
|
|
40
|
+
top: $tp-checkout-right-panel-top;
|
|
41
|
+
position: sticky;
|
|
42
|
+
align-self: start;
|
|
43
|
+
background: $tp-checkout-right-panel-background;
|
|
44
|
+
box-shadow: $tp-checkout-right-panel-box-shadow;
|
|
45
|
+
padding: $tp-checkout-right-panel-padding;
|
|
37
46
|
.cart-header-label {
|
|
38
47
|
display: none;
|
|
39
48
|
}
|
|
@@ -54,6 +63,10 @@
|
|
|
54
63
|
co-form {
|
|
55
64
|
flex: 1;
|
|
56
65
|
.co-input-text {
|
|
66
|
+
&:not(.has-left-icon), &:not(.has-right-icon) {
|
|
67
|
+
background: #f8f8fa;
|
|
68
|
+
}
|
|
69
|
+
background: #f8f8fa;
|
|
57
70
|
&:before {
|
|
58
71
|
box-shadow: none;
|
|
59
72
|
}
|
|
@@ -66,6 +79,14 @@
|
|
|
66
79
|
box-shadow: none;
|
|
67
80
|
}
|
|
68
81
|
}
|
|
82
|
+
.co-relation-type {
|
|
83
|
+
.co-radio-button {
|
|
84
|
+
&.selected {
|
|
85
|
+
background: #1a73e8;
|
|
86
|
+
color: #FFFFFF;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
69
90
|
}
|
|
70
91
|
.co-shopping-cart-preview {
|
|
71
92
|
min-width: 35%;
|
|
@@ -117,9 +138,6 @@
|
|
|
117
138
|
}
|
|
118
139
|
.search {
|
|
119
140
|
flex-grow: 0.5;
|
|
120
|
-
.input-wrapper, .co-icon {
|
|
121
|
-
background-color: $tp-default-background;
|
|
122
|
-
}
|
|
123
141
|
}
|
|
124
142
|
co-transaction-header-delivery-method {
|
|
125
143
|
max-width: $tp-checkout-transaction-delivery-method-carousel-max-width;
|
|
@@ -209,7 +227,7 @@
|
|
|
209
227
|
.co-checkout {
|
|
210
228
|
.co-stepper-content-wrapper {
|
|
211
229
|
flex-direction: column;
|
|
212
|
-
gap:
|
|
230
|
+
gap: 10px;
|
|
213
231
|
}
|
|
214
232
|
.co-stepper-step {
|
|
215
233
|
max-width: 100%;
|
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
$tp-checkout-font-family: $tp-font-family !default;
|
|
2
|
-
$tp-checkout-padding:
|
|
3
|
-
$tp-checkout-column-gap:
|
|
2
|
+
$tp-checkout-padding: 0 0 10px 0 !default;
|
|
3
|
+
$tp-checkout-column-gap: 10px !default;
|
|
4
4
|
$tp-checkout-row-gap: 10px !default;
|
|
5
5
|
$tp-checkout-default-width: 55% !default;
|
|
6
6
|
$tp-checkout-max-width: calc(100% - 450px) !default;
|
|
7
7
|
$tp-checkout-right-panel-max-width: 450px !default;
|
|
8
|
-
$tp-checkout-
|
|
8
|
+
$tp-checkout-right-panel-top: 120px !default;
|
|
9
|
+
$tp-checkout-right-panel-background: #FFFFFF !default;
|
|
10
|
+
$tp-checkout-right-panel-box-shadow: 0px 2px 5px 2px #0000001a !default;
|
|
11
|
+
$tp-checkout-right-panel-padding: 30px !default;
|
|
12
|
+
$tp-checkout-stepper-padding: 30px !default;
|
|
13
|
+
$tp-checkout-stepper-background: #FFFFFF !default;
|
|
14
|
+
$tp-checkout-stepper-box-shadow: 0px 2px 5px 2px #0000001a !default;
|
|
15
|
+
$tp-checkout-wrapper-max-width: 1440px !default;
|
|
9
16
|
$tp-checkout-right-panel-row-gap: 15px !default;
|
|
10
|
-
$tp-checkout-right-panel-width:
|
|
17
|
+
$tp-checkout-right-panel-width: 300px !default;
|
|
11
18
|
$tp-checkout-right-panel-width: 50% !default;
|
|
12
19
|
$tp-checkout-label-column-font-family: $tp-font-family;
|
|
13
20
|
$tp-checkout-label-fontsize: 12px !default;
|
|
@@ -159,13 +159,10 @@
|
|
|
159
159
|
}
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
|
-
|
|
163
|
-
|
|
164
162
|
.transaction-header-popup-category-wrapper {
|
|
165
163
|
height: 100%;
|
|
166
164
|
padding: $tp-transaction-header-popup-category-content-padding;
|
|
167
165
|
overflow-x: hidden;
|
|
168
|
-
|
|
169
166
|
co-form {
|
|
170
167
|
position: relative;
|
|
171
168
|
}
|
|
@@ -325,8 +322,11 @@
|
|
|
325
322
|
|
|
326
323
|
.co-relation-general {
|
|
327
324
|
.default-data-row {
|
|
328
|
-
.checkout-
|
|
329
|
-
|
|
325
|
+
.checkout-first-name {
|
|
326
|
+
flex: 2;
|
|
327
|
+
}
|
|
328
|
+
.checkout-prefix-name, relation-customer-titles {
|
|
329
|
+
flex: 1
|
|
330
330
|
}
|
|
331
331
|
}
|
|
332
332
|
}
|
|
@@ -731,10 +731,10 @@
|
|
|
731
731
|
|
|
732
732
|
.customer-link {
|
|
733
733
|
position: absolute;
|
|
734
|
-
top:
|
|
735
|
-
right:
|
|
736
|
-
width:
|
|
737
|
-
height:
|
|
734
|
+
top: $tp-transaction-header-popup-customer-link-top;
|
|
735
|
+
right: $tp-transaction-header-popup-customer-link-right;
|
|
736
|
+
width: $tp-transaction-header-popup-customer-link-size;
|
|
737
|
+
height: $tp-transaction-header-popup-customer-link-size;
|
|
738
738
|
cursor: pointer;
|
|
739
739
|
}
|
|
740
740
|
|
package/lib/component/transaction-header/transaction-header-popup/style/_material-definition.scss
CHANGED
|
@@ -30,7 +30,7 @@ $tp-transaction-header-popup-category-active-background-color: #fff !default;
|
|
|
30
30
|
$tp-transaction-header-popup-category-font-color: $tp-color-font !default;
|
|
31
31
|
$tp-transaction-header-popup-category-border-radius: $tp-default-border-radius !default;
|
|
32
32
|
$tp-transaction-header-popup-category-padding: 5px 15px !default;
|
|
33
|
-
$tp-transaction-header-popup-category-content-padding:
|
|
33
|
+
$tp-transaction-header-popup-category-content-padding: 15px !default;
|
|
34
34
|
$tp-transaction-header-popup-category-margin: 0px !default;
|
|
35
35
|
$tp-transaction-header-popup-category-flex-basis: 50px !default;
|
|
36
36
|
$tp-transaction-header-popup-category-justify-content: center !default;
|
|
@@ -52,7 +52,7 @@ $tp-transaction-header-popup-section-label-font-family: $tp-font-family !default
|
|
|
52
52
|
$tp-transaction-header-popup-section-label-font-size: $tp-font-size !default;
|
|
53
53
|
$tp-transaction-header-popup-section-label-font-weight: 600 !default;
|
|
54
54
|
$tp-transaction-header-popup-section-label-margin: 0 !default;
|
|
55
|
-
$tp-transaction-header-popup-section-general-max-width:
|
|
55
|
+
$tp-transaction-header-popup-section-general-max-width: 100% !default;
|
|
56
56
|
|
|
57
57
|
$tp-transaction-header-popup-section-grid-row-gap: 10px !default;
|
|
58
58
|
$tp-transaction-header-popup-section-grid-column-gap: 10px !default;
|
|
@@ -100,4 +100,7 @@ $tp-transaction-header-popup-filter-category-active-border-color: #1a73e8 !defau
|
|
|
100
100
|
$tp-transaction-header-popup-filter-category-active-font-color: #1a73e8 !default;
|
|
101
101
|
|
|
102
102
|
$cc-popup-checkbox-checked-background-color: #1a73e8 !default;
|
|
103
|
+
$tp-transaction-header-popup-customer-link-size: 18px !default;
|
|
104
|
+
$tp-transaction-header-popup-customer-link-top: -10px !default;
|
|
105
|
+
$tp-transaction-header-popup-customer-link-right: 0 !default;
|
|
103
106
|
|
|
@@ -6,6 +6,20 @@
|
|
|
6
6
|
padding: $tp-transaction-text-line-column-padding;
|
|
7
7
|
.transaction-line-text {
|
|
8
8
|
cursor: pointer;
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
gap: $tp-transaction-text-line-text-gap;
|
|
12
|
+
.expand-wrapper {
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: row;
|
|
15
|
+
align-items: center;
|
|
16
|
+
gap: $tp-transaction-text-line-text-expand-gap;
|
|
17
|
+
font-size: $tp-transaction-text-line-text-expand-font;
|
|
18
|
+
.co-icon {
|
|
19
|
+
width: $tp-transaction-text-line-text-expand-icon-size;
|
|
20
|
+
height: $tp-transaction-text-line-text-expand-icon-size;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
9
23
|
}
|
|
10
24
|
|
|
11
25
|
.transaction-line-delete {
|
|
@@ -38,8 +52,8 @@
|
|
|
38
52
|
}
|
|
39
53
|
|
|
40
54
|
.color-block {
|
|
41
|
-
height:
|
|
42
|
-
width:
|
|
55
|
+
height: $tp-transaction-text-line-color-block-height;
|
|
56
|
+
min-width: $tp-transaction-text-line-color-block-width;
|
|
43
57
|
}
|
|
44
58
|
}
|
|
45
59
|
}
|
package/lib/component/transaction-line/transaction-text-line/style/_material-definition.scss
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
$tp-transaction-text-line-delete-icon-size: 15px !default;
|
|
2
2
|
$tp-transaction-text-line-column-gap: 15px !default;
|
|
3
3
|
$tp-transaction-text-line-column-padding: 0 0 10px 35px !default;
|
|
4
|
+
$tp-transaction-text-line-text-gap: 3px !default;
|
|
5
|
+
$tp-transaction-text-line-text-expand-gap: 5px !default;
|
|
6
|
+
$tp-transaction-text-line-text-expand-font: $tp-font-size-small !default;
|
|
7
|
+
$tp-transaction-text-line-text-expand-icon-size: 12px !default;
|
|
8
|
+
$tp-transaction-text-line-color-block-height: 20px !default;
|
|
9
|
+
$tp-transaction-text-line-color-block-width: 5px !default;
|
|
@@ -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: #
|
|
179
|
-
$tp-checkout-co-shopping-cart-preview-background: #
|
|
180
|
-
$tp-checkout-transaction-delivery-method-carousel-max-width:
|
|
181
|
-
$tp-checkout-transaction-delivery-method-carousel-button-right: -
|
|
182
|
-
$tp-checkout-transaction-delivery-method-carousel-button-size:
|
|
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:
|
|
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.
|
|
3
|
+
"version": "300.1.30",
|
|
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.
|
|
22
|
+
"@colijnit/transactionapi": ">=300.1.14"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"tslib": "^2.8.1"
|